@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,500,700');
@charset "UTF-8";
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(/fonts/Roboto.ttf) format("truetype");
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"), url(/fonts/Roboto_Slab.ttf) format("truetype");
}
body {
  background: #F0F0F0;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
body.bch-styling {
  font-family: 'Montserrat', sans-serif;
  background: white;
}
@media (max-width: 767px) {
  body {
    min-height:100%;
    font-size: 12px;
    margin:0px;
    background:#111f2c;
  }

  html {
    height:100%;
    margin:0px;
  }

  .login-section {
    height:100%;
    background-image:none;
  }

  .login-section .left-section {
    border-right:none;
  }
}
body.dark {
  background: #213140;
  color: #fff;
}
body.new-body {
  padding-top: 65px;
  min-height: 100%;
  min-height: 100vh;
}
body.ww-body {
  padding-bottom: 52px;
}
body.spaced {
  padding-bottom: 100px;
  min-height: 100vh;
}
body.dark.bch-styling {
  background: white;
  font-family: 'Montserrat', sans-serif;
  color: black;
}
a {
  color: #0060D9;
}
a.action-link {
  color: #40C381;
}

a.link {
  color: #40C381;
}
a.link:hover {
  color: #67cf9b;
}
.bch-styling a.link {
  color: #0ED39E;
  font-weight: bold;
}
.bch-styling h1,
.bch-styling h2,
.bch-styling h3,
.bch-styling h4,
.bch-styling label {
  color: black;
  font-family: 'Montserrat', sans-serif;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: auto;
}

body {
  padding-left: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
}

body.home, body.homepage, body.logobg {
  background: #f0f0f0 url("../img/bg.png") no-repeat right -70%;
  background-size: 300px;
}

body.home.bch-styling {
  background: white;
}

body.toggled {
  padding-left: 250px;
}

body.no-padding {
  padding-left: 0;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #213140;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#sidebar-wrapper.alt {
  background: #111F2C;
  padding-bottom: 160px;
}

.bch-styling #sidebar-wrapper.alt {
  background: white;
  border: 1px solid #f2f5f8;
}

#sidebar-wrapper {
  background: #F2F5F8;
}

body.toggled #sidebar-wrapper {
  width: 250px;
}

#main-content {
  width: 100%;
  padding-top:65px;
}

#main-content #invoicing {
  padding-top: 0;  
}

body.toggled #content-wrapper {
  position: absolute;
  width: 100%;
  margin-right: -250px;
}

h1#p-styling {
  font-size: 14px;
  color: #C4CACA;
  font-weight: normal;
  display: block;
  margin: 0 auto 15px;
  max-width: 360px;
}


h1#smaller-heading {
  font-size: 30px;
}

.bch-styling h1#smaller-heading {
  color: black;
  font-family: Montserrat;
}

/* Sidebar Styles */
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.bch-styling .sidebar-nav li:not(:first-child) a {
  color: black;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.bch-styling .sidebar-nav li:not(:first-child) a:hover {
  color: #000;
  background: #0ED39E78;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
  background: #fff;
}

.bch-styling .sidebar-nav > .sidebar-brand {
  background: #F2F5F8;
}

.sidebar-nav > .sidebar-brand a {
  color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

@media (min-width: 768px) {
  body {
    padding-left: 250px;
  }

  body.toggled {
    padding-left: 0;
  }

  #sidebar-wrapper {
    width: 250px;
  }

  body.toggled #sidebar-wrapper {
    width: 0;
  }

  body.toggled #main-content {
    position: relative;
    margin-right: 0;
  }
}
.sidebar-nav li.active {
  background: #40C381;
}

.bch-styling .sidebar-nav li.active {
  background: #0ED39E;
}

.header-page-title {
  font-size: 18px;
  padding: 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  .header-page-title {
    display: block;
  }
}

.header-user-dropdown {
  position: absolute;
  top: 14px;
  right: 14px;
}
@media (max-width: 767px) {
  .header-user-dropdown {
    top: 11px;
  }
  .header-user-dropdown button {
    padding: 1px 10px;
  }
}

header {
  min-height: 60px;
  position: relative;
  display: block;
  width: 100%;
}

.header-user-dropdown {
  display: inline-block !important;
}

.data-container {
  padding: 18px 2em;
}

table tr {
  background: #fff;
}

thead {
  background: #FAFAFA;
  font-size: 1.1em;
}

th {
  font-weight: normal;
  color: #213140;
  color: #213140;
  background: #FAFAFA;
  border-bottom: 1px solid #213140;
}

.table {
  border: 1px solid #ddd;
  padding-bottom: 100px;
}
.table > thead > tr > th {
  border: 1px solid #ddd;
}
.table > tbody > tr {
  border-bottom: none;
}
.table > tbody > tr > td {
  vertical-align: middle;
  border: 1px solid #ddd;
  border-top: none;
  padding: 10px;
  border-bottom: none;
}
.bch-styling .table,
.bch-styling .table > tbody > tr > td {
  border: none;
  font-family: Montserrat;
  font-size: 14px;
  color: #000000;
}
.bch-styling .table > thead > tr > th {
  border: none;
  border-bottom: 1px solid #ddd;
  background: white;
}
.bch-styling .table > thead > tr > th > a {
  color: black;
  font-weight: bold;
}

.btc-address {
  color: #333;
}

.edit-column a {
  visibility: hidden;
}

tr:hover {
  background: #FAFAFA;
}
tr:hover .edit-column a {
  visibility: visible;
}
tr:hover .btc-address {
  color: #0060D9;
}

.edit-column {
  text-align: center;
}
.edit-column .btn-table-delete {
  margin-right: 10px !important;
}

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

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

.audit-section {
  padding: 15px;
  background: #333;
  color: #fff;
  font-family: "Courier New", Courier, monospace;
  overflow: auto;
  max-height: 500px;
}
.audit-section p {
  line-height: 140%;
}

.sub-header {
  width: 100%;
  background: #F0F0F0;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 15px 20px;
  font-size: 14px;
}

.bch-styling .sub-header {
  font-weight: bold;
  background: white;
  border: none;
}

.stats-section, .white-section {
  background: #fff;
  padding-bottom:30px;
}

.stats-card .stat {
  margin-top: 15px;
}
.stats-card .stat .stat-name {
  display: inline-block;
  min-width: 200px;
  max-width: 200px;
}
.stats-card .stat .stat-value {
  display: inline-block;
}
.stats-card .stat .stat-value .stat-progress {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.stats-card .stat .stat-value .stat-progress .progress {
  margin-bottom: 0;
  background: #333;
  width: 80px;
  padding: 3px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.stats-card .stat .stat-value .stat-progress .progress .progress-bar {
  margin-bottom: 0;
  line-height: 16px;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
  background: #40C381;
  -moz-border-radius-topleft: 50px;
  -webkit-border-top-left-radius: 50px;
  border-top-left-radius: 50px;
  -moz-border-radius-bottomleft: 50px;
  -webkit-border-bottom-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.stats-card .stat .stat-value .stat-progress .parameter-name {
  display: inline-block;
  position: absolute;
  left: 26%;
  font-size: 12px;
}

label {
  font-weight: normal;
}

.dashboard-section {
  padding: 2em;
  text-align: center;
}
.dashboard-section .available {
  font-size: 2.5em;
  font-weight: normal;
}
.dashboard-section .available .available-value {
  font-weight: bold;
  color: #40C381;
}
.dashboard-section .available .available-value a {
  color: #40C381;
}
.dashboard-section .addresses {
  font-size: 2.5em;
}
.dashboard-section .addresses .addresses-value {
  font-weight: bold;
  color: #40C381;
}
.dashboard-section .addresses .addresses-value a {
  color: #40C381;
}

.bch-styling .dashboard-section {
  text-align: left;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  border-radius: 10px;
  max-width: 80vw;
  padding-top: 80px;
  padding-left: 90px;
  padding-bottom: 90px;
}

.bch-styling .dashboard-section .available {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 32px;
  color: black;
}

.bch-styling .dashboard-section .available .available-value {
  font-family: IBM Plex Mono;
  font-weight: normal;
  font-size: 32px;
  color: #0ED39E;
  margin-bottom: 22px;
  margin-top: 22px;
}

.bch-styling .dashboard-section .addresses,
.bch-styling .dashboard-section .addresses .addresses-value {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 32px;
  color: #000000;
}

#menu-toggle {
  margin-top: 5px;
  display: none;
}

.margin250 {
  margin-left:250px;
}

@media (max-width: 767px) {
  #menu-toggle {
    display: inline-block;
  }
}

.login-section {
  background: #111F2C;
  color: #fff;
  padding-top: 65px;
  text-align: center;
}
.login-section .intro-section {
  text-align: center;
  background-size: cover;
  padding: 0px;
  padding-top: 30px;
}
@media (max-width: 768px) {
  .login-section .intro-section {
    min-height: 0px !important;
  }
}
.login-section .intro-section h3 {
  font-family: "Roboto Slab", serif;
}

.login-section .intro-section .white-band {
  background: #F7F5F6;
  width: 100%;
  text-align: left;
  padding: 15px 28px;
}
.login-section .intro-section .white-band .black-logo {
  max-width: 220px;
}
@media (max-width: 992px) {
  .login-section .intro-section .white-band {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
  }
}
.login-section .intro-section .logo {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 45px;
}
.login-section .intro-section p {
  color: #fff;
  font-size: 1.2em;
  margin: 0 auto 15px;
}
@media (min-width: 480px) {
  .login-section .intro-section p {
    max-width: 80%;
  }

  .login-section {
    background-image: url('bit-background.jpeg');
    background-position: center;
  }

  .login-section .left-section {
    border-right: 1px solid #35404b;
  }
}

.bch-styling .login-section {
  background-image: none;
  background: white;
}

.login-section .intro-section .icons-section {
  margin: 45px auto 0;
  width: 90%;
}
@media (min-width: 1000px) {
  .login-section .intro-section .icons-section {
    max-width: 99%;
  }
}
@media (min-width: 1180px) {
  .login-section .intro-section .icons-section {
    max-width: 90%;
  }
}
@media (min-width: 1350px) {
  .login-section .intro-section .icons-section {
    max-width: 80%;
  }
}
.login-section .intro-section .iconed-text {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
  vertical-align: top;
}
@media (min-width: 1000px) {
  .login-section .intro-section .iconed-text {
    width: 20%;
  }
}
.login-section .intro-section .iconed-text .text {
  font-size: 1em;
  margin-top: 15px;
}
.login-section .intro-section .iconed-text .icon {
  vertical-align: bottom;
  height: 60px;
  width: auto;
}
.bch-styling .login-section .intro-section .iconed-text .text {
  color: black;
}

.login-section .buttons-wrapper {
  text-align: left;
  border: 1px solid #35404B;
  border-radius: 10px;
  background: #121F2B;
  box-shadow: 0px 15px 20px 0px #0B131A;
}
.bch-styling .login-section .buttons-wrapper {
  border: 1px solid #0000000f;
  background: #F2F5F8;
  box-shadow: 0px 15px 20px 0px #0000002e;
}

.login-section .heading {
  font-family: "Roboto Slab", serif;
  color: #fff;
  font-weight: bold;
  font-size: 1.7em;
  text-align: center;
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 10px;
}
.bch-styling .login-section .heading {
  color: black;
  font-family: Montserrat;
}

.login-section .header-small {
  font-family: "Roboto Slab", serif;
  color: #fff;
  font-weight: bold;
}

.clear {
  clear:both;
}

.login-section .error-block {
  height: 40px;
    text-align: center;
    padding: 10px;
    margin-bottom: -43px;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 20px;
    background: #931E2F;
    border-radius: 5px;
}

.login-section .seperator {
  border:1px solid #4D4D4D;
  width:30%;
  margin:20px auto;
}

.login-section .logo-medium {
  margin-top:20px;
}

.login-section .left-section {
  padding:0 40px;
  margin-top:20px;
}

.login-section .right-section {
  padding:0 40px;
  margin-top:40px;
}

@media (max-width: 768px) {
  .login-section .login-buttons-section {
    min-height: 0px !important;
  }

  .login-section .login-buttons-section .buttons-wrapper {
    max-width: 80%;
    margin: 45px auto 0;
  }
}
.login-section .login-buttons-section .buttons-wrapper {
  margin: 0 auto;
  padding: 30px 0 45px;
  /*
  @media(min-width: 768px) {
    margin-top: 50%;
  }
  */
}
@media (min-width: 992px) {
  .login-section .login-buttons-section .buttons-wrapper {
    max-width: 80%;
    margin: 45px auto 0;
  }
}
@media (max-width: 599px) {
  .login-section .login-buttons-section .buttons-wrapper {
    max-width: 80%;
    margin: 15px auto;
    padding: 5px 0px;
  }
}
.login-section .login-buttons-section .buttons-wrapper form .form-group {
  margin-bottom: 10px;
  max-width: 280px;
  display: block;
  margin: 0 auto 10px;
}
.login-section .login-buttons-section .buttons-wrapper form legend {
  font-family: "Roboto Slab", serif;
  color: #fff;
  font-weight: bold;
  font-size: 1.7em;
  text-align: center;
  border-bottom: none;
}
.login-section .login-buttons-section .buttons-wrapper form label {
  padding-left: 15px;
}
.login-section .login-buttons-section .buttons-wrapper form .btn-submit {
  margin-bottom: 10px;
}
.login-section .login-buttons-section .buttons-wrapper form .help-block {
  color: #fff;
  font-size: 1em;
  margin: 5px 0 0;
}
.login-section .login-buttons-section .buttons-wrapper .btn-seperator {
  display: block;
  margin: 5px;
}
.bch-styling .login-section .login-buttons-section .buttons-wrapper form label,
.bch-styling .login-section .login-buttons-section .buttons-wrapper form .help-block,
.bch-styling .login-section .login-buttons-section .buttons-wrapper .btn-seperator,
.bch-styling .login-buttons-section .help-block {
  color: black;
}
@media (max-width: 1320px) {
  .login-section .login-buttons-section .buttons-wrapper .btn-seperator {
    display: block;
  }
}

@media (max-width: 700px) {
  .login-section .login-buttons-section .buttons-wrapper .btn-seperator {
    display: block;
  }
}
.login-section .login-buttons-section .buttons-wrapper .btn {
  margin: 5px 0;
  width: 100%;
  max-width:280px;
}

.help-block {
  font-size: 12px;
  margin-top: 10px;
}

.login-buttons-section .help-block {
  color: #fff;
  font-size: 1em;
  margin: 5px 0 0;
}

.intl-tel-input {
  width: 100%;
}

.form-horizontal .control-label {
  text-align: left;
}

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

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-45 {
  margin-top: 45px;
}

.margin-top-0 {
  margin-top: 0px;
}

#carousel-homescreen {
  padding: 5% 5% 0;
}
#carousel-homescreen .item {
  padding-bottom: 45px;
}
#carousel-homescreen .item img {
  padding-top: 20%;
  width: 100%;
  display: block;
  max-width: 300px;
  margin: 0 auto;
}
@media (max-width: 1299px) {
  #carousel-homescreen .item img {
    padding-top: 35%;
  }
}
@media (max-width: 1199px) {
  #carousel-homescreen .item img {
    padding-top: 35%;
  }
}
@media (max-width: 767px) {
  #carousel-homescreen .item img {
    padding-top: 150px;
  }
}
#carousel-homescreen .item .carousel-caption {
  top: -40px;
  bottom: initial;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  min-height: 140px;
}
#carousel-homescreen .item .carousel-caption h2 {
  font-family: "Roboto Slab", serif;
  font-size: 1.7em;
  font-weight: bold;
  color: #40C381;
}
#carousel-homescreen .item .carousel-caption p {
  color: #fff;
  font-size: 1.2em;
}
#carousel-homescreen .carousel-control {
  background-image: none;
  bottom: initial;
  top: 50%;
  z-index: 100;
}
@media (max-width: 540px) {
  #carousel-homescreen .carousel-control {
    top: 36%;
  }
}
#carousel-homescreen .carousel-indicators {
  bottom: initial;
  bottom: 65%;
}
@media (max-width: 540px) {
  #carousel-homescreen .carousel-indicators {
    bottom: 65%;
  }
}
#carousel-homescreen .carousel-indicators li {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #fff;
  border: none;
  width: 12px;
  height: 12px;
}
#carousel-homescreen .carousel-indicators li.active {
  background: #40C381;
  border: none;
  margin: 1px;
}

.foot-links {
  background: #213140;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .foot-links {
    position: fixed;
    background: none;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
  }
}
.foot-links .container-fluid {
  margin: 0;
  padding: 0;
}
.foot-links .row {
  margin: 0;
  padding: 0;
}
.foot-links ul.list-inline {
  margin: 0;
}
.foot-links ul.list-inline li {
  border-right: 1px solid #fff;
}
.foot-links ul.list-inline li a {
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
}
.foot-links ul.list-inline li:last-child {
  border: none;
}

@media (min-width: 768px) {
  #resize-wrapper {
    position: relative;
    background: #fff;
    overflow: hidden;
  }

  #graph-section {
    /* @media(min-width: 768px) {
      display: block;
      position: absolute;
      width: 60%;
      float: left;
      left: 0;
      overflow: auto;
    } */
    position: absolute;
    display: block;
    float: left;
    top: 0;
    left: 0;
    right: 360px;
    height: 100%;
  }

  #graph-table-section {
    background: #fff;
    /* @media(min-width: 768px) {
      display: block;
      position: absolute;
      width: 40%;
      float: right;
      right: 0;
      overflow: auto;
    } */
    position: absolute;
    float: left;
    top: 0;
    right: 0;
    width: 360px;
    height: 100%;
    overflow: auto;
  }
  #graph-table-section .container-fluid {
    padding: 0;
  }

  #dragbar {
    position: absolute;
    background: #fff;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    height: 100%;
    float: right;
    right: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    cursor: col-resize;
  }
  #dragbar:after {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 52%;
    left: 50%;
    margin-left: -3px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #d7d7d7;
    -moz-box-shadow: 0px 12px 0px #d7d7d7, 0px 24px 0px #d7d7d7;
    -webkit-box-shadow: 0px 12px 0px #d7d7d7, 0px 24px 0px #d7d7d7;
    box-shadow: 0px 12px 0px #d7d7d7, 0px 24px 0px #d7d7d7;
  }
}
.text-align-right {
  text-align: right !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-center {
  text-align: center !important;
}

.form-padding {
  padding: 45px;
}

.margin-top-15 {
  margin-top: 15px;
}

.sprite {
  background-image: url(../img/spritesheet.png);
  background-repeat: no-repeat;
  display: block;
}

.btn {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.btn.btn-brand {
  background: #40C381;
  color: #fff;
}
.bch-styling .btn-brand,
.bch-styling .get-started-container .btn,
.bch-styling .main-search.instant-search-section .view-trans a.collapsed {
  background: white;
  color: black;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 25px;
  padding-left: 25px;
  border: 1px solid #0ED39E;
  box-sizing: border-box;
  border-radius: 10px;
}
.bch-styling .btn-brand:hover,
.bch-styling .get-started-container .btn:hover,
.bch-styling .main-search.instant-search-section .view-trans a.collapsed:hover {
  background: #0ED39E;
}
.bch-styling .btn-refresh{
  padding-left: 10px;
}
.btn.btn-black {
  background: #4D4D4D;
  padding: 1px 10px;
  min-width: 60px;
  margin: 0 auto;
  color: #fff;
}
.btn.btn-warning {
  background: #FBB13D;
  min-width: 60px;
  margin: 0 auto;
  color: #000 !important;
}
.btn.btn-red {
  background: #E64636;
  min-width: 60px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
}
.btn.btn-action-link {
  background: none;
  color: #40C381;
  border: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-wide {
  padding-left: 20px;
  padding-right: 20px;
}

input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], .form-control {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.action-area {
  display: inline-block;
}

.action-overseer .closed, .action-overseer .bypassed {
  display: none;
}
.action-overseer .link {
  display: inline-block;
  vertical-align: top;
}
.action-overseer .glyphicon.glyphicon-question-sign {
  display: inline-block;
  color: #40C381;
  font-size: 20px;
  float: right;
  margin: 4px 8px 0;
}
.action-overseer .glyphicon.glyphicon-question-sign:hover {
  cursor: pointer;
  color: #FBB13D;
}
#glyphicon-question-sign {
  margin-right: 43px;
  margin-left: 43px;
  font-weight: bold;
  position: relative;
  border-style: solid;
  border-width: 2px;
  padding-left: 7px;
  border-radius: 30px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  top: 10px;
  cursor: pointer;
}
.link-green {
  color: #40C381;
  font-weight: bold;
}
.link-green:hover, .link-green:active {
  color: #329e68;
}

/* Shiva's css */
.field {
  margin: 8px;
}

.fields-wrapper {
  margin: 10%;
}

.login-links {
  text-align: center;
}

.center-button {
  text-align: center;
}

.right-button {
  text-align: right;
}

.tagbase {
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: .25em;
  border: none;
}

.tag {
  color: #fff;
  background-color: #40C381;
}

.taginput:focus {
  color: #000;
  background-color: #fff;
}

.ui.label {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
  margin: 0em 0.125em;
  padding: 0.6em 0.8em;
  color: #737373;
  text-transform: none;
  font-weight: bold;
  border-radius: 0.2857rem;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.ui.activelabel {
  background-color: #5CD296;
  border-color: #e8e8e8;
  background-image: none;
  color: #fff;
}

.bch-styling .ui.activelabel {
  background: #0ED39E;
}

.ui.inactivelabel {
  background-color: #e0e0e0;
  border-color: #e8e8e8;
  background-image: none;
}

/* Link */
a.ui.label {
  cursor: pointer;
}

/* Inside Link */
.ui.label a {
  cursor: pointer;
  color: inherit;
  opacity: 0.8;
  -webkit-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}

.ui.label a:hover {
  opacity: 1;
}

.ui.labels .label {
  margin: 0.75em 0.5em 0.75em 0em;
}

/*-------------------
         Tag
--------------------*/
.ui.dashtag.labels .label,
.ui.dashtag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0em 0.2857rem 0.2857rem 0em;
  font-size: 12px;
}

.bch-styling .ui.dashtag.labels .label,
.bch-styling .ui.dashtag.label {
  border-radius: 10px;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 20px; 
  padding-right: 20px;
}

.ui.dashtag.labels .label:before,
.ui.dashtag.label:before {
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  width: 1.56em;
  height: 1.56em;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.bch-styling .ui.dashtag.labels .label:before,
.bch-styling .ui.dashtag.label:before,
.bch-styling .ui.dashtag.labels .label:after,
.bch-styling .ui.dashtag.label:after {
  display: none;
}

.ui.dashtag.labels .activelabel:before,
.ui.dashtag.activelabel:before {
  background-color: #5CD296;
  background-image: none;
}

.ui.dashtag.labels .inactivelabel:before,
.ui.dashtag.inactivelabel:before {
  background-color: #e0e0e0;
  background-image: none;
}

.ui.dashtag.labels .label:after,
.ui.dashtag.label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #ffffff !important;
  width: 0.5em;
  height: 0.5em;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem;
}

a.ui.labels .label:hover,
a.ui.label:hover {
  background-color: #8FEDBD;
  border-color: #e0e0e0;
  background-image: none;
  text-decoration: none;
}

.ui.labels a.label:hover:before,
a.ui.label:hover:before {
  background-color: #8FEDBD;
  background-image: none;
  text-decoration: none;
}

.help-bullets li {
  padding: 5px 0px;
}

/* end of shiva's css */
section.transaction-receipt .container {
  max-width: 750px;
}
@media (max-width: 767px) {
  section.transaction-receipt .container {
    max-width: none;
  }
}
section.transaction-receipt .logo {
  width: 100%;
  max-width: 240px;
  margin: 10% auto;
}
section.transaction-receipt .receipt-box h1 {
  font-family: "Roboto Slab", serif;
  background: #40C381;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  padding: 27px 15px;
  position: relative;
  margin: 0;
}
section.transaction-receipt .receipt-box h1:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 7px;
  background: url("../img/triangle.jpg") repeat center;
  background-size: 15px;
  top: -5px;
  left: 0;
}
.bch-styling section.transaction-receipt .receipt-box h1 {
  font-family: "Montserrat";
  background: #0ED39E;
}
.bch-styling section.transaction-receipt .receipt-box h1:before {
  display: none;
}
section.transaction-receipt .receipt-box .value-row {
  margin: 0;
  background: #F0F0F0;
}
.bch-styling section.transaction-receipt .receipt-box .value-row,
.bch-styling section.transaction-receipt .receipt-box .more-details {
  background: #F2F5F8;
}
section.transaction-receipt .receipt-box .value-row .value-label {
  font-weight: bold;
  font-size: 1.5em;
  padding: 30px 15px;
}
section.transaction-receipt .receipt-box .value-row .value-label p {
  margin: 0;
  margin-top: 5px;
}
@media (max-width: 700px) {
  section.transaction-receipt .receipt-box .value-row .value-label {
    width: 100%;
    text-align: center;
    padding: 10px 15px 0;
  }
}
section.transaction-receipt .receipt-box .value-row .value {
  padding: 20px 15px;
  margin: 0;
}
section.transaction-receipt .receipt-box .value-row .value img {
  display: inline-block;
  width: 25%;
  padding-right: 10px;
  max-width: 70px;
  float: right;
  margin-top: 2px;
}
section.transaction-receipt .receipt-box .value-row .value p {
  width: 75%;
  float: right;
  display: inline-block;
  margin: 0;
  font-weight: bold;
  font-size: 2.3em;
  margin-top: 10px;
}
@media (max-width: 700px) {
  section.transaction-receipt .receipt-box .value-row .value {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
  }
  section.transaction-receipt .receipt-box .value-row .value img {
    width: 100%;
    max-width: 50px;
    float: none;
    margin-top: -12px;
  }
  section.transaction-receipt .receipt-box .value-row .value p {
    width: auto;
    float: none;
  }
}
section.transaction-receipt .receipt-box .date-status-row {
  background: #fff;
  margin: 0;
}
section.transaction-receipt .receipt-box .date-status-row .date-time {
  padding: 10px 15px;
  margin: 15px 0 15px 0;
  border-right: 1px solid #cacaca;
}
section.transaction-receipt .receipt-box .date-status-row .date-time p {
  margin: 0;
}
section.transaction-receipt .receipt-box .date-status-row .status {
  padding: 10px 15px;
  margin: 15px 0 15px 0;
}
section.transaction-receipt .receipt-box .date-status-row .status p {
  margin: 0;
}
@media (max-width: 700px) {
  section.transaction-receipt .receipt-box .date-status-row {
    padding: 10px 0;
  }
  section.transaction-receipt .receipt-box .date-status-row .date-time {
    width: 100%;
    padding: 5px 15px;
    text-align: center;
    margin: 0;
    border: none;
  }
  section.transaction-receipt .receipt-box .date-status-row .status {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 5px 15px;
  }
}
section.transaction-receipt .receipt-box .more-details {
  background: #F0F0F0;
  padding: 18px 15px;
  position: relative;
  overflow: hidden;
}
section.transaction-receipt .receipt-box .more-details .trans-id-row {
  margin: 0;
  border-bottom: 1px solid #cacaca;
}
section.transaction-receipt .receipt-box .more-details .trans-id-row .col-xs-12 {
  padding: 0px 0 15px;
}
section.transaction-receipt .receipt-box .more-details .trans-id-row .col-xs-12 p {
  margin: 0;
}
section.transaction-receipt .receipt-box .more-details .input-output {
  padding: 18px 0;
}
section.transaction-receipt .receipt-box .more-details .input-output .data-block {
  padding: 5px 0;
}
section.transaction-receipt .receipt-box .more-details .input-output .data-block a {
  color: #333;
  font-weight: bold;
}
section.transaction-receipt .receipt-box .more-details .input-output .data-block p {
  margin: 0 0 3px;
}
section.transaction-receipt .receipt-box .more-details .input-output p.label {
  font-size: 1em;
  color: #333;
  font-weight: bold;
  padding: 0;
  display: block;
  text-align: left;
  margin-bottom: 15px;
}
section.transaction-receipt .receipt-box .more-details .input-output p {
  margin: 0 0 5px;
}
section.transaction-receipt .receipt-box .more-details .input-output .input-half {
  border-right: 1px solid #cacaca;
}
section.transaction-receipt .receipt-box .more-details .input-output .input-half p {
  font-size: 13px;
}
section.transaction-receipt .receipt-box .more-details .input-output .output-half p {
  font-size: 13px;
}
@media (max-width: 700px) {
  section.transaction-receipt .receipt-box .more-details .input-output {
    padding: 18px 15px 0;
  }
  section.transaction-receipt .receipt-box .more-details .input-output .input-half {
    width: 100%;
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 5px;
    border: none;
    border-bottom: 1px solid #cacaca;
  }
  section.transaction-receipt .receipt-box .more-details .input-output .output-half {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 5px;
  }
}
section.transaction-receipt .receipt-box .more-details .cover {
  text-align: center;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e3e3e3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.transaction-receipt .receipt-box .more-details .cover .btn {
  display: inline-block;
  margin-top: 12%;
  font-size: 1em;
}
@media (max-width: 540px) {
  section.transaction-receipt .receipt-box .more-details .cover .btn {
    margin-top: 30%;
  }
}
section.transaction-receipt .receipt-box .more-details .cover.go {
  top: 100%;
}
section.transaction-receipt .receipt-box .signup-row {
  background: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 1.4em;
  padding: 18px 15px;
}
section.transaction-receipt .receipt-box .signup-row p {
  margin: 0;
}
section.transaction-receipt .receipt-box .signup-row a {
  color: #40C381;
}

section.transaction-receipt {
  padding: 12.5% 0 30px;
}
.bch-styling section.transaction-receipt {
  padding-top: 100px;
}

section.transaction-receipt .receipt-box .date-status-row .progress {
  background: #213140;
  margin-bottom: 7px;
}

section.transaction-receipt .receipt-box .date-status-row .progress-bar {
  text-align: left;
  margin-bottom: 7px;
  padding-left: 2px;
}

section.transaction-receipt .receipt-box .date-status-row .elapsed-time {
  background-color: #349C68;
}

section.transaction-receipt .receipt-box .date-status-row .estimate-time {
  background-color: #E68C00;
}

.show-more-row {
  background: #d7d7d7;
  text-align: center;
}

#receiptMore {
  display: block;
  padding: 5px 3px;
  background: #DDDDDD;
  color: #898989;
  text-shadow: 1px 1px 1px #fff;
  font-size: 12px;
  text-decoration: none;
}
#receiptMore .viewmore, #receiptMore .hidemore {
  display: none;
}
#receiptMore .hidemore {
  display: inline;
}
#receiptMore:after {
  content: ' ▲';
}
#receiptMore.collapsed .viewmore {
  display: inline;
}
#receiptMore.collapsed .hidemore {
  display: none;
}
#receiptMore.collapsed:after {
  content: ' ▼';
}
#receiptMore:hover {
  cursor: pointer;
}

body.dark-bg {
  background: #213140;
}
body.dark-bg.bch-styling {
  background: white;
}

.highlight-notice {
  color: #B56E00;
}

.highlight-danger {
  color: #B50000;
}

.highlight-success {
  color: #009D3D;
}

.google-visualization-table-tr-sel, .google-visualization-table-tr-sel:hover {
  background: #d6e9f8 !important;
  border: 2px solid #d7d7d7 !important;
}

.tags-section {
  background: #fff;
  padding: 5px 0;
  border-top: 1px solid #F0F0F0;
}
.tags-section .container-fluid {
  padding: 0;
}
.tags-section .container-fluid > .row {
  margin: 0;
}
.tags-section .tags1 {
  text-align: left;
}
@media (max-width: 1199px) {
  .tags-section .tags1 {
    text-align: center;
  }
  .merchant-tab-content .logo-medium {
    margin-left: -1em;
  }
}
.tags-section .tags2 {
  text-align: right;
}
@media (max-width: 1199px) {
  .tags-section .tags2 {
    text-align: center;
  }
}

.graph-btn-group {
  border: none;
  margin: 5px 0px;
  margin-left: 10px;
}
.graph-btn-group .btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #F0F0F0;
  border: none;
  margin: 0 !important;
  color: #737373;
  padding: 5px 15px;
  border: 1px solid #d7d7d7;
}
.graph-btn-group .btn:hover {
  margin: 0 !important;
  float: left !important;
  border: 1px solid #d7d7d7;
}
.graph-btn-group .btn.active {
  border: 1px solid #40C381;
  color: #fff;
  background: #40C381;
}
.bch-styling .graph-btn-group .btn.active {
  background: #0ED39E;
}
.timeline-section {
  padding: 0px 5px 0px;
  border-top: 1px solid #d7d7d7;
  overflow: hidden;
}

.timeline-list {
  padding: 50px 0 50px 25px;
  margin: 0 0 0 100px;
  border-left: 1px solid #d7d7d7;
  display: inline-block;
}
.timeline-list .time-stamp {
  width: 78px;
  max-width: 100px;
  height: auto;
  margin-left: -117px;
  margin-bottom: 10px;
  position: relative;
  text-align: right;
}
.timeline-list .time-stamp:before {
  content: '__';
  position: absolute;
  right: -26px;
  font-size: 14px;
  top: -6px;
  color: #d7d7d7;
}
.timeline-list .status-info-card {
  display: block;
  background: #fff;
  padding: 10px 10px;
  margin: 0 0 10px;
  border: 1px solid #d7d7d7;
  border-right: none;
  position: relative;
  text-decoration: none;
}
.timeline-list .status-info-card.status-in-process {
  -moz-box-shadow: 5px 0 0 #F15C28;
  -webkit-box-shadow: 5px 0 0 #F15C28;
  box-shadow: 5px 0 0 #F15C28;
}
.timeline-list .status-info-card.status-in-process .status-info {
  color: #F15C28;
}
.timeline-list .status-info-card.status-partial-confirm {
  -moz-box-shadow: 5px 0 0 #FBB13D;
  -webkit-box-shadow: 5px 0 0 #FBB13D;
  box-shadow: 5px 0 0 #FBB13D;
}
.timeline-list .status-info-card.status-partial-confirm .status-info {
  color: #FBB13D;
}
.timeline-list .status-info-card.status-confirm {
  -moz-box-shadow: 5px 0 0 #33BF78;
  -webkit-box-shadow: 5px 0 0 #33BF78;
  box-shadow: 5px 0 0 #33BF78;
}
.timeline-list .status-info-card.status-confirm .status-info {
  color: #33BF78;
}
.timeline-list .status-info-card:after {
  content: ' ';
  width: 9px;
  height: 9px;
  background: #9a9a9a;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: -31px;
  top: 11px;
}
.timeline-list .status-info-card:before {
  content: ' ';
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  left: -6px;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.timeline-list .status-info-card:hover {
  text-decoration: none;
  background: #f8f8f8;
}
.timeline-list .status-info-card:hover:before {
  background: #f8f8f8;
}
.timeline-list .datetime-status {
  display: inline-block;
  float: left;
  width: 120px;
  margin-bottom: 5px;
}
.timeline-list .datetime-status .datetime-info {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
  color: #8a8a8a;
}
.timeline-list .datetime-status .status-info {
  font-size: 13px;
  color: #4D4D4D;
}
@media (max-width: 499px) {
  .timeline-list .datetime-status {
    display: block;
    width: auto;
    float: none;
    text-align: left;
    padding-left: 0;
  }
}
.timeline-list .value {
  display: block;
  text-align: right;
  vertical-align: top;
  padding-left: 120px;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 15px;
  color: #4D4D4D;
  max-width: 300px;
}
@media (max-width: 499px) {
  .timeline-list .value {
    display: block;
    text-align: left;
    padding-left: 0;
  }
}
.timeline-list .value-tag {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #7b7b7b;
  margin-left: 5px;
}
.timeline-list .value-tag .glyphicon {
  color: #333;
}
@media (max-width: 499px) {
  .timeline-list .value-tag {
    margin-left: 0;
    margin-right: 5px;
  }
}
@media (max-width: 479px) {
  .timeline-list {
    margin: 0;
    width: 100%;
  }
  .timeline-list .time-stamp {
    margin-left: 0;
    margin-top: 30px;
    text-align: left;
    width: auto;
  }
  .timeline-list .time-stamp:first-child {
    margin-top: 0;
  }
  .timeline-list .time-stamp:before {
    content: '';
  }
}

.always-full-height {
  min-height: 100vh;
}

.sidebar-logo {
  padding: 10px 21px;
}

.bch-styling .sidebar-logo {
  background-color: #F2F5F8;
}

#bitcoin-bg-icon {
  background: #0ED39E;
  width: 172px;
  height: 172px;
  border-radius: 90px;
  text-align: center;
  padding-top: 34px;
  float: right;
  position: relative;
  top: -100px;
}

tr.dataRow:hover {
  cursor: pointer;
  background: #FFFBEA !important;
  color: #329e68;
}
tr.dataRow:hover td {
  background: #FFFBEA !important;
}

#graph-table-section .dataRow.red .dataValue {
  color: #EF794F !important;
}
#graph-table-section .dataRow.green .dataValue {
  color: #40C381 !important;
}

#address-watcher-table td.form .form-control {
  padding: 0px 10px;
  font-size: 12px;
  height: 22px;
}
#address-watcher-table td.form form .form-control {
  max-width: 100px;
  min-width: 100px;
  text-align: left;
  font-weight: normal;
  color: #fff;
  background: #a4a4a4;
}
.bch-styling #address-watcher-table td.form form .form-control {
  background: #F2F5F8;
  border-radius: 10px;
  color: black;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border: none;
}
#address-watcher-table td.form form .form-control::-webkit-input-placeholder {
  color: #fff;
}
#address-watcher-table td.form form .form-control:-moz-placeholder {
  color: #fff;
}
#address-watcher-table td.form form .form-control::-moz-placeholder {
  color: #fff;
}
#address-watcher-table td.form form .form-control:-ms-input-placeholder {
  color: #fff;
}

.bch-styling #address-watcher-table td.form form .form-control::-webkit-input-placeholder {
  color: #00000082;
}
.bch-styling #address-watcher-table td.form form .form-control:-moz-placeholder {
  color: #00000082;
}
.bch-styling #address-watcher-table td.form form .form-control::-moz-placeholder {
  color: #00000082;
}
.bch-styling #address-watcher-table td.form form .form-control:-ms-input-placeholder {
  color: #00000082;
}

@media (min-width: 768px) {
  #graph-table-section .container-fluid {
    padding: 0;
  }
}
#graph-table-section td.link .glyphicon, #graph-table-section td.link .fa {
  display: none;
}

.table.responsive-card td.edit-column .glyphicon, .table.responsive-card td.edit-column .fa {
  display: none;
}

@media (max-width: 767px) {
  .table.responsive-card thead {
    display: none;
  }
  .table.responsive-card tr {
    display: inline-block;
    width: 49%;
    float: left;
    padding: 15px;
    margin: 2px;
    background: #fff !important;
    -moz-box-shadow: 1px 1px 1px #d7d7d7;
    -webkit-box-shadow: 1px 1px 1px #d7d7d7;
    box-shadow: 1px 1px 1px #d7d7d7;
  }
  .table.responsive-card tr td {
    display: block;
    padding: 0;
    background: none !important;
    text-align: left !important;
    border: none;
    color: #333;
    font-size: 16px;
  }

  #blockoChart2 {
    overflow: initial;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #blockoChart2 table {
    border: none;
    margin-top: 15px;
  }
  #blockoChart2 tr {
    position: relative;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  #blockoChart2 tr {
    width: 100%;
    margin: 2px;
  }
}
@media (max-width: 767px) {
  #blockoChart2 tr.dataRow {
    padding: 0;
    border: 1px solid #cacaca;
  }
  #blockoChart2 .dataRow {
    position: relative;
  }
  #blockoChart2 .dataRow.red:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-right: 15px solid #EF794F;
    top: -15px;
    left: -15px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #blockoChart2 .dataRow.red td.dataValue {
    color: #EF794F !important;
  }
  #blockoChart2 .dataRow.green:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-right: 15px solid #40C381;
    top: -15px;
    left: -15px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #blockoChart2 .dataRow.green td.dataValue {
    color: #40C381 !important;
  }
  #blockoChart2 td.date {
    font-size: 12px;
    color: #a4a4a4;
    margin-bottom: 5px;
    padding: 15px 30px 5px;
  }
  #blockoChart2 td.dataValue {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin: 5px 0 10px;
    padding: 0px 30px;
  }
  #blockoChart2 td.link {
    display: block;
    width: 100%;
    background: #F0F0F0 !important;
    padding: 5px 30px;
  }
  #blockoChart2 td.link a {
    font-size: 12px;
    text-transform: capitalize;
    color: #213140;
    position: relative;
    text-decoration: underline;
    padding-left: 16px;
    position: relative;
  }
  #blockoChart2 td.link a .glyphicon, #blockoChart2 td.link a .fa {
    color: #213140;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  #blockoChart2 td.tags {
    display: inline-block;
    position: absolute;
    right: 30px;
    bottom: 6px;
    margin-top: 5px;
    font-size: 12px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    color: #b0b0b0;
    padding: 1px 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #a4a4a4 !important;
    color: #fff;
  }

  #address-watcher-table {
    width: 100%;
    overflow: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #address-watcher-table {
    overflow: initial;
    border: none;
  }
}
@media (max-width: 767px) {
  #address-watcher-table table {
    border: none;
    margin-top: 15px;
  }
  #address-watcher-table tr {
    padding: 0;
    padding-bottom: 30px;
    border: 1px solid #cacaca;
    margin: 2px;
    position: relative;
  }
}
@media (max-width: 767px) and (max-width: 599px) {
  #address-watcher-table tr {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #address-watcher-table tr:hover {
    background: #FFFFF8 !important;
  }
  #address-watcher-table td.s-no {
    display: none;
  }
  #address-watcher-table td.date {
    display: none;
  }
  #address-watcher-table td.dataValue {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin: 0px 0 15px;
    padding: 0px 15px;
  }
  #address-watcher-table td.link {
    display: inline-block;
    font-size: 12px;
    color: #a4a4a4;
    margin-bottom: 5px;
    padding: 15px 15px 5px;
  }
  #address-watcher-table td.link a {
    display: inline-block;
    font-size: 12px;
    text-decoration: underline;
  }
  #address-watcher-table td.tags {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    color: #fff;
  }
  #address-watcher-table td.form {
    position: absolute;
    padding: 5px 15px;
    bottom: 0px;
    width: 100%;
    background: #e3e3e3 !important;
  }
  #address-watcher-table td.form .form-inline {
    float: right;
    max-width: 100px;
  }
  #address-watcher-table td.form .form-inline .form-control {
    color: #fff;
    background: #a4a4a4;
  }
  #address-watcher-table td.form .form-inline .form-control::-webkit-input-placeholder {
    color: #fff;
  }
  #address-watcher-table td.form .form-inline .form-control:-moz-placeholder {
    color: #fff;
  }
  #address-watcher-table td.form .form-inline .form-control::-moz-placeholder {
    color: #fff;
  }
  #address-watcher-table td.form .form-inline .form-control:-ms-input-placeholder {
    color: #fff;
  }
  #address-watcher-table td.edit-column {
    position: absolute;
    left: 15px;
    bottom: 5px;
  }
  #address-watcher-table td.edit-column a {
    visibility: visible !important;
    background: none;
    color: #213140;
    padding: 0;
    min-width: 0px;
    text-decoration: underline;
    padding-left: 16px;
    position: relative;
  }
  #address-watcher-table td.edit-column a .glyphicon, #address-watcher-table td.edit-column a .fa {
    color: #213140;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 3px;
  }
}
.sub-header.fixed {
  position: fixed;
  display: block;
  z-index: 1;
}
@media (max-width: 767px) {
  .sub-header.fixed {
    position: initial !important;
  }
}

.max-h-400 {
  max-height: 400px;
}

thead.fixed {
  position: fixed;
  display: table;
}

.btc-value-box {
  padding: 30px 0;
  font-size: 2.5em;
  border-top: 1px solid #d7d7d7;
}

.bch-styling .btc-value-box {
  border: none;
  text-align: left;
  width: 100%;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 32px;
  color: black;
  padding-left: 90px;
  padding-top: 0;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .btc-value-box {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
}
.btc-value-box .btc-value {
  color: #40C381;
  font-weight: bold;
}

.bch-styling .btc-value-box .btc-value {
  color: black;
  font-weight: 500;
}

#popup {
  z-index: 1000;
  position: fixed;
  width: 500px;
  background: #F0F0F0;
  padding: 30px 15px 15px;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1px 2px 5px #aaa;
  -webkit-box-shadow: 1px 2px 5px #aaa;
  box-shadow: 1px 2px 5px #aaa;
  top: 5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #333;
  text-align: center;
}
@media (max-width: 767px) {
  #popup {
    width: 90%;
  }
}
#popup .popup-body {
  width: 80%;
  margin: 0 auto;
  background: #F0F0F0;
}
#popup .popup-body .popup-header {
  font-size: 1.25em;
}
#popup .popup-body .popup-header .popup-logo {
  width: 50px;
  margin-top: -10px;
}
#popup .popup-body .popup-details {
  margin: 10px 0;
  border: 1px solid #d7d7d7;
  text-align: left;
  background: #fff;
}
#popup .popup-body .popup-details .heading {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  background: #F0F0F0;
  padding: 15px 30px;
}
#popup .popup-body .popup-details .details {
  padding: 30px 30px;
}
#popup .popup-body .popup-details .details .btn {
  margin-top: 5px;
}
#popup .popup-body .popup-bullets {
  text-align: left;
}
#popup .popup-body .popup-bullets ul {
  list-style-type: none;
  padding-left: 0;
}
#popup .popup-body .popup-bullets ul li {
  text-align: left;
  width: 100%;
  background: #213140;
  padding: 10px 30px;
  color: #fff;
  padding-left: 80px;
  min-height: 60px;
  margin: 5px 0;
  position: relative;
}
#popup .popup-body .popup-bullets ul li .icon {
  position: absolute;
  left: 30px;
}
#popup .popup-body .popup-bullets ul li a {
  color: #E64636;
}
#popup .popup-body #popup-close-x {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  color: #213140;
}
#popup .popup-body #popup-close {
  float: right;
  font-weight: bold;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #popup {
    padding: 10px 5px 5px;
  }
  #popup .popup-body {
    width: 90%;
  }
  #popup .popup-body .popup-header .popup-logo {
    display: none;
  }
  #popup .popup-body .popup-details .heading {
    padding: 15px;
  }
  #popup .popup-body .popup-details .details {
    padding: 15px;
  }
  #popup .popup-body .popup-details .details p {
    margin-bottom: 2px;
  }
  #popup .popup-body .popup-bullets ul li {
    padding-left: 10px;
    min-height: 0;
  }
  #popup .popup-body .popup-bullets ul li .icon {
    display: none;
  }
}

.sprite-magni {
  display: inline-block;
  margin-bottom: -10px;
  margin-right: 5px;
  width: 26px;
  height: 35px;
  background-position: -1px -1px;
}
.sprite-magni:hover {
  background-position: -30px -1px;
}

.sprite-wallet {
  display: inline-block;
  margin-bottom: -8px;
  margin-right: 5px;
  width: 30px;
  height: 33px;
  background-position: -62px 0px;
}
.sprite-wallet:hover {
  background-position: -98px 0px;
}

#top-white-bar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
  height: 65px;
  padding: 15px 0;
}
#top-white-bar .white-bar-link {
  float: right;
  display: inline-block;
  color: #333;
  font-weight: bold;
  font-size: 15px;
  margin-left: 30px;
}

#top-white-bar .container {
  line-height: 2em;
}

#top-white-bar .white-bar-link .fa {
  display:none;
}

#top-white-bar .white-bar-link .glyphicon-menu-hamburger {
  font-size: 25px;
  display: inline-block;
  float: left;
  margin-right: 4px;
}
#top-white-bar .white-bar-link .glyphicon-shopping-cart {
  font-size: 25px;
  display: inline-block;
  float: left;
  margin-right: 4px;
}
#top-white-bar .white-bar-link .glyphicon-envelope {
  font-size: 25px;
  display: inline-block;
  float: left;
  margin-right: 9px;
}
#top-white-bar .white-bar-link.merchant-link,#top-white-bar .white-bar-link.login-link {
  float: right;
  margin-top: 5px;
}
.bch-styling #top-white-bar .white-bar-link.merchant-link,#top-white-bar .white-bar-link.login-link {
  margin-top: 0px;
}
#top-white-bar .white-bar-link:hover, #top-white-bar .white-bar-link:active, #top-white-bar .white-bar-link:focus, #top-white-bar .white-bar-link.active {
  color: #40C381;
  text-decoration: none;
}
#top-white-bar .white-bar-link:hover .sprite-magni, #top-white-bar .white-bar-link:active .sprite-magni, #top-white-bar .white-bar-link:focus .sprite-magni, #top-white-bar .white-bar-link.active .sprite-magni {
  background-position: -30px -1px;
}
#top-white-bar .white-bar-link:hover .sprite-wallet, #top-white-bar .white-bar-link:active .sprite-wallet, #top-white-bar .white-bar-link:focus .sprite-wallet, #top-white-bar .white-bar-link.active .sprite-wallet {
  background-position: -98px 0px;
}
#myNavbar {
  background: #fff;
  display: none;
}
#myNavbar .navbar-nav a{
  color: #333;
}
#myNavbar .glyphicon-shopping-cart {
  font-size: 25px;
  display: inline-block;
  float: left;
  margin-top: -4px;
  margin-right: 4px;
}
#myNavbar .glyphicon-envelope {
  font-size: 25px;
  display: inline-block;
  float: left;
  margin-top: -4px;
  margin-right: 9px;
}
.navbar-nav {
  margin: 7.5px 0px; 
}
.navbar-nav a:hover, .navbar-nav a:active, .navbar-nav a:focus, .navbar-nav a.active {
  color: #40C381;
  text-decoration: none;
}
@media (max-width: 999px) {
  #top-white-bar .white-bar-link {
    margin-left: 15px;
    font-size: 15px;
  }
  #top-white-bar .white-bar-link.merchant-link {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  #top-white-bar .white-bar-link {
    margin-top: -2px;
    margin-left: 15px;
  }
  .bch-styling #top-white-bar .white-bar-link {
    margin-top: -2px;
  }
}
@media (max-width: 830px) {
  #top-white-bar .white-bar-link.search-link .text {
    display: none;
  }
}
@media (max-width: 992px) {
  #top-white-bar .coin-selector .text {
    display: none;
  }
}
@media (max-width: 690px) {
  #top-white-bar .white-bar-link .text {
    display: none;
  }

  #top-white-bar .white-bar-link .fa {
    display:inline-block;
    margin-top:-5px;
    margin-right: 9px;
  }

  #top-white-bar .white-bar-link .fa {
    margin-top: -10px;
    top: -2px;
    position: relative
  }

  #top-white-bar .white-bar-link .fa-bars {
    display: none;
  }

  #top-white-bar .white-bar-link.login-link {
    margin-top: 7px;
  }
}
@media (max-width: 510px) {
  #top-white-bar {
    padding: 15px 0;
  }
  #top-white-bar .white-bar-link .text {
    display: none;
  }
}
#top-white-bar.internal {
  height: 65px;
  position: initial;
}

#white-bar-logo {
  width: 180px;
  margin-top: -4px;
}
@media (max-width: 999px) {
  #white-bar-logo {
    width: 130px;
    margin-top: 0;
  }
}
@media (max-width: 460px) {
  #white-bar-logo {
    display: none;
  }
}

#small-logo {
  display: none;
  width: 37px;
  margin-top: -3px;
}
@media (max-width: 460px) {
  #small-logo {
    display: inline-block;
  }
}
@media (max-width: 360px) {
  #small-logo {
    display: absolute;
  }
}

@media (max-width: 420px) {
  #top-white-bar .merchant-link,#top-white-bar .wallet-link,#top-white-bar .search-link {
    display: none;
  }

  #top-white-bar .white-bar-link .fa-bars {
    display:inline-block;
    margin-top: 3px;
  }
}

.main-search {
  text-align: center;
  background: #111F2C;
  padding: 30px 0;
  position: relative;
}
.main-search label {
  font-size: 2em;
  font-family: "Roboto Slab", serif;
  color: #fff;
  margin-bottom: 10px;
}
.main-search label small {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
  max-width: 300px;
}
.main-search label small mark {
  background: none;
  color: #40C381;
}
@media (min-width: 768px) {
  .main-search .wrapper {
    width: 60%;
    display: block;
    margin: 0 auto;
  }
}
.main-search .know-more {
  font-family: "Roboto Slab", serif;
  font-size: 1.7em;
  text-align: center;
  display: block;
  width: 100%;
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .main-search .know-more {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 30px 0;
  }
}
.main-search .know-more a {
  color: #40C381;
}
.main-search .know-more a:hover, .main-search .know-more a:focus, .main-search .know-more a:active {
  color: #40C381;
  text-decoration: none;
}
.main-search .know-more .glyphicon {
  font-size: 1.4em;
}
@media (min-width: 768px) {
  .main-search .know-more.not-absolute {
    position: initial;
  }
}
.main-search .search-group {
  margin: 0 auto;
  max-width: 540px;
}
.main-search .search-group .form-control {
  border: none;
  padding-left: 15px;
}
.main-search .search-group .form-control:focus, .main-search .search-group .form-control:active {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.invoice .form-group .btn:focus, .invoice .form-group .btn:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.main-search .search-group .input-group-btn button {
  background: #fff;
  height: 46px;
  border: none;
}
.main-search .search-group .input-group-btn button:hover {
  color: #40C381;
}
.main-search .search-group .input-group-btn button:focus, .main-search .search-group .input-group-btn button:active {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.main-search .help-block {
  margin: 10px auto 0;
  max-width: 480px;
  font-size: 14px;
  color: #fff;
  text-align: right;
}
.main-search .help-block a {
  color: #FBB13D;
  text-decoration: none;
}
.main-search .help-block a .glyphicon {
  display: inline-block;
  font-size: 14px;
  margin-top: -1px;
  padding-right: 3px;
}
.main-search .iconed-hero {
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding-left: 15px;
}
@media (min-width: 600px) {
  .main-search .iconed-hero {
    margin-bottom: 100px;
  }
}
@media (max-width: 599px) {
  .main-search .iconed-hero {
    text-align: center;
    margin-top: 50px;
  }
}
.main-search .iconed-hero .hero-text {
  display: inline-block;
  float: left;
  width: 80%;
}
@media (max-width: 599px) {
  .main-search .iconed-hero .hero-text {
    text-align: center;
    float: none;
    width: 100%;
    margin: 0 auto;
  }
}
.main-search .iconed-hero .search-wallet-icon {
  width: 72px;
  display: inline-block;
  float: left;
  margin-left: -15px;
}
@media (max-width: 599px) {
  .main-search .iconed-hero .search-wallet-icon {
    float: none;
    display: inline-block;
    margin: 10px 0;
  }
}
.main-search .hero-text {
  padding: 0 15px;
  text-align: left;
  font-family: "Roboto Slab", serif;
  font-size: 21px;
  color: #fff;
}
.main-search .hero-text a {
  color: #FBB13D;
  display: inline-block;
  text-decoration: underline;
}
.main-search .hero-text a:hover, .main-search .hero-text a:active, .main-search .hero-text a:focus {
  color: #40C381;
}
.main-search .icon-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 430px;
  text-align: right;
}
.main-search .icon-wrapper img {
  display: inline-block;
  margin-top: -34px;
}
@media (max-width: 499px) {
  .main-search .icon-wrapper {
    text-align: center;
  }
  .main-search .icon-wrapper img {
    margin-top: 15px;
  }
}
.main-search .table-responsive {
  border: none;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .main-search .table-responsive {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 35px;
  }
}
.main-search table tr {
  background: #213140 !important;
  border: none !important;
}
.bch-styling .main-search table tr {
  background: #f2f5f8 !important;
}
.main-search table th {
  background: #213140 !important;
  border: none !important;
}
.main-search table td {
  background: #213140 !important;
  border: none !important;
}
.main-search .table {
  margin: 0 auto;
  background: #213140;
  border: none;
  margin-top: 30px;
  text-align: left;
  color: #fff;
  position: relative;
}
.bch-styling .main-search .table,
.bch-styling .main-search table td,
.bch-styling .main-search table th {
  background: #f2f5f8 !important;
  color: black;
}
.bch-styling .main-search table th {
  font-weight: bold;
  font-size: 16px;
  text-transform: none;
}
.main-search .table th {
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 30px 0 10px;
  padding-left: 30px;
  padding-right: 30px;
  border: none;
  background: #213140;
}
.main-search .table tbody {
  border: none;
}
.main-search .table tbody tr {
  background: #213140;
  border: none;
  border-bottom: 1px solid #111F2C !important;
}
.bch-styling .main-search .table tbody tr {
  border-bottom: 1px solid #E5E5E5 !important;
  border-top: 1px solid #E5E5E5 !important;
}
.main-search .table tbody td {
  padding-left: 30px;
  padding-right: 30px;
  border: none;
  background: dark-shade1;
}
.main-search .table tfoot {
  border: none;
}
.main-search .table tfoot tr {
  background: #213140;
  border: none;
  border-bottom: 1px solid #111F2C;
}
.main-search .table tfoot tr td {
  font-family: "Roboto Slab", serif;
  color: #40C381;
  border: none;
  padding: 15px 0;
  padding-left: 30px;
  padding-right: 30px;
}
.bch-styling .main-search .table tfoot tr td {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 24px;
  color: #0ED39E;
}
.bch-styling .main-search .table tfoot tr td:first-child {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 24px;
  color: #000000;
}
/*.main-search .table:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-right: 15px solid #111F2C;
  top: -15px;
  left: -15px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main-search .table:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-right: 15px solid #44505C;
  top: 6px;
  left: 6px;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}*/

.features-section {
  padding: 30px 0;
  background: #213140;
}
.features-section .container {
  max-width: 960px;
}
.features-section .feature-img {
  display: inline-block;
  width: 100%;
  max-width: 200px;
}
.features-section .row {
  padding: 50px 0;
  position: relative;
}
.features-section .separator {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 1px;
  -moz-box-shadow: 0px 2px 0px #2A3F51;
  -webkit-box-shadow: 0px 2px 0px #2A3F51;
  box-shadow: 0px 2px 0px #2A3F51;
  background: #111F2C;
}
.features-section .separator.last {
  display: none;
}
@media (max-width: 499px) {
  .features-section .separator.last {
    display: block;
  }
}
.features-section .wrapper {
  display: block;
  margin: 0 auto;
}
@media (min-width: 1000px) {
  .features-section .wrapper {
    width: 63%;
  }
}
@media (max-width: 767px) {
  .features-section .wrapper {
    text-align: center;
    width: 60%;
  }
}
@media (max-width: 499px) {
  .features-section .wrapper {
    width: 100%;
  }
}
.features-section .heading {
  font-size: 2em;
  font-family: "Roboto Slab", serif;
  margin-bottom: 15px;
}
.features-section .heading.color-orange {
  color: #FBB13D;
}
.features-section .heading.color-brand {
  color: #40C381;
}
.features-section p {
  color: #fff;
  font-size: 1.2em;
  line-height: 160%;
}
.features-section .hero-text {
  display: block;
  max-width: 398px;
  margin: 75px auto 0;
  padding: 0 15px;
  text-align: left;
  font-family: "Roboto Slab", serif;
  font-size: 27px;
  color: #fff;
}
@media (max-width: 499px) {
  .features-section .hero-text {
    margin: 15px auto 0;
    font-size: 21px;
    text-align: center;
    padding: 0;
  }
}
.features-section .hero-text a {
  color: #FBB13D;
  display: inline-block;
  text-decoration: underline;
}
.features-section .hero-text a:hover, .features-section .hero-text a:active, .features-section .hero-text a:focus {
  color: #40C381;
}
.features-section .hero-text a.link-brand {
  text-decoration: none;
  color: #40C381;
}
.features-section .hero-text a.link-brand:hover, .features-section .hero-text a.link-brand:active, .features-section .hero-text a.link-brand:focus {
  text-decoration: none;
}
.features-section .icon-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 430px;
  text-align: right;
  position: relative;
}
@media (max-width: 499px) {
  .features-section .icon-wrapper {
    display: none;
  }
}
.features-section .icon-wrapper a {
  display: inline-block;
  margin: 27px 0 0;
  color: #40C381;
  text-decoration: none;
}
.features-section .icon-wrapper a:hover, .features-section .icon-wrapper a:active, .features-section .icon-wrapper a:focus {
  text-decoration: none;
}
.features-section .icon-wrapper a .glyphicon {
  display: inline-block;
  margin: 20px;
}
.features-section .icon-wrapper a img {
  display: inline-block;
  width: 100px;
  margin-right: -10px;
  margin-top: -20px;
}
.features-section .icon-wrapper .floating-coin {
  position: absolute;
}
.features-section .icon-wrapper #coin1 {
  top: -56px;
  left: initial;
  right: 16px;
  width: 45px;
}
.features-section .icon-wrapper #coin2 {
  top: -110px;
  left: initial;
  right: -23px;
  width: 43px;
}
.features-section .icon-wrapper #coin3 {
  top: -173px;
  left: initial;
  right: 1px;
  width: 33px;
}

body.shade2 {
  min-height: 100vh;
  position: relative;
  background: #111F2C;
  padding-bottom: 50px;
}

body.shade2.bch-styling {
  background: white;
}

footer.new-footer {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background: #0e1a25;
  padding: 15px 0;
}
@media (max-width: 500px) {
  footer.new-footer {
    bottom: -50px;
  }
}
footer.new-footer ul {
  margin: 0;
}
footer.new-footer ul li a {
  color: #fff;
  font-size: 12px;
}
footer.new-footer ul li a:hover, footer.new-footer ul li a:focus, footer.new-footer ul li a:active {
  color: #40C381;
  text-decoration: none;
}
footer.new-footer ul li.active a {
  color: #40C381;
}
footer.new-footer.dark {
  z-index: 100;
  background: #0e1a25;
  z-index: 1000;
}

.main-search.instant-search-section {
  min-height: 0;
}
@media (min-width: 768px) {
  .main-search.instant-search-section .help-block {
    margin-bottom: 15px !important;
  }
}
.main-search.instant-search-section .view-trans {
  font-family: "Roboto Slab", serif;
  text-align: left;
  display: block;
  width: 100%;
  padding: 0;
}
.main-search.instant-search-section .view-trans .wrapper {
  text-align: center;
  display: block;
  margin: 15px auto;
}
@media (min-width: 768px) {
  .main-search.instant-search-section .view-trans .wrapper {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .main-search.instant-search-section .view-trans {
    margin-top: 30px;
  }
}
.main-search.instant-search-section .view-trans a {
  display: inline-block;
  padding: 15px 20px;
  margin: 0 0 6px;
  background: #213140;
  color: #40C381;
}
.main-search.instant-search-section .view-trans a:hover, .main-search.instant-search-section .view-trans a:focus, .main-search.instant-search-section .view-trans a:active {
  color: #40C381;
  background: #213140;
  text-decoration: none;
}
.main-search.instant-search-section .view-trans a .collapsed-text {
  display: none;
}
.main-search.instant-search-section .view-trans a .expanded-text {
  display: inline;
}
.main-search.instant-search-section .view-trans a.collapsed {
  color: #213140;
  background: #40C381;
  text-decoration: none;
}
.main-search.instant-search-section .view-trans a.collapsed .collapsed-text {
  display: inline;
}
.main-search.instant-search-section .view-trans a.collapsed .expanded-text {
  display: none;
}

.trans-history {
  background: #213140;
  margin-top: 30px;
  border-top: 1px solid #40C381;
}
.bch-styling .trans-history {
  border: none;
  background-color: #E3E6E9;
}
@media (min-width: 768px) {
  .trans-history .container {
    width: 70%;
  }
}
.trans-history .nav-tabs {
  margin-top: -53px;
  text-align: center;
  border: none;
}
@media (max-width: 767px) {
  .trans-history .nav-tabs {
    margin-top: -50px;
  }
}
.trans-history .nav-tabs li {
  float: none;
  display: inline-block;
}
.trans-history .nav-tabs li a {
  display: inline-block;
  padding: 15px 20px;
  background: #111F2C;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #40C381;
  border-bottom: none;
  background: #111F2C;
  font-family: "Roboto Slab", serif;
  color: #fff;
}
@media (max-width: 360px) {
  .trans-history .nav-tabs li a {
    font-size: 11px;
    padding: 16px 10px;
  }
}
.trans-history .nav-tabs li a:active, .trans-history .nav-tabs li a:hover, .trans-history .nav-tabs li a:focus {
  background: #111F2C;
}
.trans-history .nav-tabs li.active a {
  background: #213140;
  color: #fff;
  border: 1px solid #40C381;
  border-bottom: 2px solid #213140;
}
.trans-history .tab-content {
  margin: 30px 0;
}
.bch-styling .trans-history .nav-tabs li a {
  background: #F2F5F8;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #E2E6E9;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}
.bch-styling .trans-history .nav-tabs li.active a {
  background: #E2E6E9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}

.big-screen-table-cards.table-responsive .table.responsive-card {
  max-width: 400px;
  margin: 0 auto;
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card {
  max-width: 540px;
}
.big-screen-table-cards.table-responsive .table.responsive-card thead {
  display: none;
}
.big-screen-table-cards.table-responsive .table.responsive-card tr {
  display: inline-block;
  width: 100%;
  float: left;
  padding: 15px;
  margin: 2px;
  background: #fff !important;
  -moz-box-shadow: 1px 1px 1px #d7d7d7;
  -webkit-box-shadow: 1px 1px 1px #d7d7d7;
  box-shadow: 1px 1px 1px #d7d7d7;
}
.big-screen-table-cards.table-responsive .table.responsive-card tr td {
  display: block;
  padding: 0;
  background: none !important;
  text-align: left !important;
  border: none;
  color: #333;
  font-size: 16px;
}

.big-screen-table-cards.table-responsive .table.responsive-card {
  overflow: initial;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.big-screen-table-cards.table-responsive .table.responsive-card table {
  border: none;
  margin-top: 15px;
}
.big-screen-table-cards.table-responsive .table.responsive-card tr {
  position: relative;
}
@media (max-width: 479px) {
  .big-screen-table-cards.table-responsive .table.responsive-card tr {
    width: 100%;
    margin: 2px;
  }
}
.big-screen-table-cards.table-responsive .table.responsive-card tr.dataRow {
  padding: 0;
  border: 1px solid #cacaca;
}
.big-screen-table-cards.table-responsive .table.responsive-card .dataRow {
  position: relative;
}
.big-screen-table-cards.table-responsive .table.responsive-card .dataRow.red:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-right: 15px solid #EF794F;
  top: -15px;
  left: -15px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.big-screen-table-cards.table-responsive .table.responsive-card .dataRow.red td.dataValue {
  color: #EF794F !important;
}
.big-screen-table-cards.table-responsive .table.responsive-card .dataRow.green:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-right: 15px solid #40C381;
  top: -15px;
  left: -15px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card .dataRow.red:after,
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card .dataRow.green:after {
  display: none;
}
.big-screen-table-cards.table-responsive .table.responsive-card .dataRow.green td.dataValue {
  color: #40C381 !important;
}
.big-screen-table-cards.table-responsive .table.responsive-card td.date {
  font-size: 12px;
  color: #a4a4a4;
  margin-bottom: 5px;
  padding: 15px 30px 5px;
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card td.date {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 14px;
  color: #040404;
  margin-top: 20px;
  margin-bottom: 10px;
}
.receipt-hr {
  border-top: 1px solid #343d5e;
}
.big-screen-table-cards.table-responsive .table.responsive-card td.dataValue {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin: 5px 0 10px;
  padding: 0px 30px;
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card td.dataValue {
  font-family: IBM Plex Mono;
  font-size: 32px;
  font-weight: normal;
  color: #0ED39E;
  margin-bottom: 70px;
}
.big-screen-table-cards.table-responsive .table.responsive-card td.link {
  display: block;
  width: 100%;
  background: #F0F0F0 !important;
  padding: 5px 30px;
  margin: 0;
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card td.link {
  background: white !important;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  text-decoration-line: underline;
  color: #000000;
  margin-bottom: 20px;
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card td.link img {
  margin-right: 7px;
}
.big-screen-table-cards.table-responsive .table.responsive-card td.link a {
  font-size: 12px;
  text-transform: capitalize;
  color: #213140;
  position: relative;
  text-decoration: underline;
  padding-left: 16px;
  position: relative;
  top: -10px;
}
.big-screen-table-cards.table-responsive .table.responsive-card td.link a .glyphicon, .big-screen-table-cards.table-responsive .table.responsive-card td.link a .fa {
  color: #213140;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
}
.big-screen-table-cards.table-responsive .table.responsive-card td.tags {
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 6px;
  margin-top: 5px;
  font-size: 12px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: #b0b0b0;
  padding: 1px 10px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #a4a4a4 !important;
  color: #fff;
}
.big-screen-table-cards.table-responsive .table.responsive-card td.tags {
  border: 1px solid #E2E6E9;
  box-sizing: border-box;
  border-radius: 999px;
  background: white !important;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  padding: 20px;
  max-width: 300px;
  margin-bottom: 10px;
}

.big-screen-table-cards.table-responsive {
  width: 100%;
  overflow: auto;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 767px) {
  .big-screen-table-cards.table-responsive {
    overflow: initial;
    border: none;
  }
}
.big-screen-table-cards.table-responsive table {
  border: none;
  margin-top: 15px;
}
.big-screen-table-cards.table-responsive tr {
  padding: 0;
  padding-bottom: 30px;
  border: 1px solid #cacaca;
  margin: 2px;
  position: relative;
}
@media (max-width: 599px) {
  .big-screen-table-cards.table-responsive tr {
    width: 100%;
  }
}
.big-screen-table-cards.table-responsive tr:hover {
  background: #FFFFF8 !important;
}
.big-screen-table-cards.table-responsive td.s-no {
  display: none;
}
.big-screen-table-cards.table-responsive td.date {
  display: none;
}
.big-screen-table-cards.table-responsive td.dataValue {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin: 0px 0 15px;
  padding: 0px 15px;
}
.big-screen-table-cards.table-responsive td.link {
  display: inline-block;
  font-size: 12px;
  color: #a4a4a4;
  margin-bottom: 5px;
  padding: 15px 15px 5px;
}
.big-screen-table-cards.table-responsive td.link a {
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
}
.big-screen-table-cards.table-responsive td.tags {
  display: inline-block;
  margin-top: 5px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 6px;
  margin-top: 5px;
  font-size: 12px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: #b0b0b0;
  padding: 1px 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  background: #a3a3a3 !important;
  color: #fff;
}
.big-screen-table-cards.table-responsive td.form {
  position: absolute;
  padding: 5px 15px;
  bottom: 0px;
  width: 100%;
  background: #e3e3e3 !important;
}
.big-screen-table-cards.table-responsive td.form .form-inline {
  float: right;
  max-width: 100px;
}
.big-screen-table-cards.table-responsive td.form .form-inline .form-control {
  color: #fff;
  background: #a4a4a4;
}
.big-screen-table-cards.table-responsive td.form .form-inline .form-control::-webkit-input-placeholder {
  color: #fff;
}
.big-screen-table-cards.table-responsive td.form .form-inline .form-control:-moz-placeholder {
  color: #fff;
}
.big-screen-table-cards.table-responsive td.form .form-inline .form-control::-moz-placeholder {
  color: #fff;
}
.big-screen-table-cards.table-responsive td.form .form-inline .form-control:-ms-input-placeholder {
  color: #fff;
}
.big-screen-table-cards.table-responsive td.edit-column {
  position: absolute;
  left: 15px;
  bottom: 5px;
}
.big-screen-table-cards.table-responsive td.edit-column a {
  visibility: visible !important;
  background: none;
  color: #213140;
  padding: 0;
  min-width: 0px;
  text-decoration: underline;
  padding-left: 16px;
  position: relative;
}
.big-screen-table-cards.table-responsive td.edit-column a .glyphicon, .big-screen-table-cards.table-responsive td.edit-column a .fa {
  color: #213140;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 3px;
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card .dataRow.red {
  border: 1px solid #FF6029;
  box-sizing: border-box;
  border-radius: 10px;
}
.bch-styling .big-screen-table-cards.table-responsive .table.responsive-card .dataRow.green {
  border: 1px solid #0ED39E;
  box-sizing: border-box;
  border-radius: 10px;
}

.faqs-section {
  padding-top: 100px;
  padding-bottom: 100px;
  color: #fff;
}
.bch-styling .faqs-section {
  color: black;
}
.faqs-section h1, .faqs-section h2, .faqs-section h3, .faqs-section h4, .faqs-section h5 {
  font-family: "Roboto Slab", serif;
}
.faqs-section .question-tabs {
  padding-top: 30px;
  border: none;
}
.faqs-section .question-tabs li {
  display: block;
  float: none;
}
.faqs-section .question-tabs li a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  margin: 10px 10px 10px 0;
  padding: 0;
  background: none;
  border: none;
}
.bch-styling .faqs-section .question-tabs li a {
  color: black;
  font-family: "Montserrat";
}
.faqs-section .question-tabs li a:hover, .faqs-section .question-tabs li a:focus, .faqs-section .question-tabs li a:active {
  background: none;
  padding: 0;
  margin: 10px 10px 10px 0;
  border: none;
}
.faqs-section .question-tabs li.active a {
  background: none;
  border: none;
  color: #40C381;
}
.faqs-section .question-tabs li.active a {
  color: #0ED39E;
  font-weight: bold;
}
.faqs-section .question-tabs li.active a:hover, .faqs-section .question-tabs li.active a:focus, .faqs-section .question-tabs li.active a:active {
  background: none;
  padding: 0;
  margin: 10px 10px 10px 0;
  border: none;
}
.faqs-section .tab-content {
  background: #213140;
  margin-top: 30px;
  padding: 30px;
}
.bch-styling .faqs-section .tab-content {
  background: #f2f5f8;
}
.faqs-section .tab-content .question-box {
  margin-bottom: 15px;
}
.faqs-section .tab-content .question-box .question {
  color: #40C381;
}
.faqs-section .tab-content .question-box .answer {
  color: #fff;
}
.bch-styling .faqs-section .tab-content .question-box .answer {
  color: black;
}
.faqs-section .tab-content a {
  color: #FBB13D;
}
.bch-styling .faqs-section .tab-content a,
.bch-styling .faqs-section .tab-content .question-box .question {
  color: #0ED39E;
  font-weight: bold;
}
@media (min-width: 1170px) {
  .faqs-section #search-queries {
    position: relative;
  }
  .faqs-section #search-queries:before {
    content: '◄';
    position: absolute;
    display: inline-block;
    left: -55px;
    top: -30px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    color: #213140;
  }
  .faqs-section #wallet-queries {
    position: relative;
  }
  .faqs-section #wallet-queries:before {
    content: '◄';
    position: absolute;
    display: inline-block;
    left: -55px;
    top: 18px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    color: #213140;
  }
  .faqs-section #invoice-queries {
    position: relative;
  }
  .faqs-section #invoice-queries:before {
    content: '◄';
    position: absolute;
    display: inline-block;
    left: -55px;
    top: 18px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    color: #213140;
  }
  .faqs-section #merchant-queries {
    position: relative;
  }
  .faqs-section #merchant-queries:before {
    content: '◄';
    position: absolute;
    display: inline-block;
    left: -55px;
    top: 18px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    color: #213140;
  }
}

#userDropMenu {
  color: #333;
  margin-top:5px;
}
#userDropMenu .glyphicon {
  font-size: 25px;
}
.bch-styling #userDropMenu img {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  padding: 9px;
  position: relative;
  top: -15px;
  border-radius: 20px;
  cursor: pointer;
}
.bch-styling #top-white-bar .white-bar-link img {
  margin-right: 10px;
}

#userDropDown {
  border: 1px solid #40C381;
  padding: 5px 10px;
}
#userDropDown:before {
  content: '▲';
  display: inline-block;
  position: absolute;
  top: -16px;
  right: 20px;
  color: white;
  font-size: 17px;
  text-shadow: 0px -2px 0px #40C381;
}
#userDropDown li {
  text-align: center;
  font-weight: normal;
  color: #333;
  margin: 5px 0;
}
#userDropDown li.seperator {
  margin: 5px 0 10px;
  border-top: 1px solid #F0F0F0;
}
#userDropDown .btn {
  display: inline-block;
}
#userDropDown .btn:hover {
  color: #fff;
  background: #40C381;
}

/* shiva's style */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* About us page styles */
/*Main block*/
/*Font styles*/
.header-txt {
  font-family: "Roboto Slab", sans-serif;
}

.about-us {
  background-color: #111f2c;
  color: #e7e7e9;
  line-height: 1.8em;
  margin-top: 40px;
  min-height: 350px;
  padding: 55px 70px 30px 0;
}

.about-us a {
  color: #40C381;
  text-decoration: none;
}

.green-txt {
  color: #40C381;
}

.bch-styling .about-us a,
.bch-styling .green-txt {
  color: #0ED39E;
  font-weight: bold;
}

/*Donate block*/
.donate {
  background-color: #213140;
  border-radius: 10px;
  padding: 20px;
  word-wrap: break-word;
}

.bch-styling .donate {
  background-color: #f2f5f8;
}

.header-txt.about {
  margin-bottom: 30px;
  margin-left: 30px;
}

.donate img {
  float: right;
  width: 100px;
}

/*Social icons styles*/
.social-icon-placeholder {
  background-image: url("../img/social-icons.png");
  background-repeat: no-repeat;
  display: inline-block;
  float: right;
  height: 32px;
  margin-left: 20px;
  margin-top: 40px;
  width: 32px;
}

.facebook {
  background-position: 0 0;
}

.linked {
  background-position: -42px 0;
}

.twitter {
  background-position: -90px 0;
}

.social-icon-placeholder.medium {
  background: url("../img/medium-logo.png") center center no-repeat;
  background-size: 42px;
}

/*Team block*/
.team {
  background-color: #213140;
  color: #e7e7e9;
  padding: 30px 70px 30px 0;
}

.bch-styling .about-us,
.bch-styling .team {
  background-color: white;
  color: black;
}

.photo-placeholder {
  background-image: url("../img/photo-placeholder.png");
  background-repeat: no-repeat;
  height: 131px;
  width: 131px;
}

.photo-placeholder img {
  position: absolute;
  max-width: 110px;
  border-radius: 70px;
  top: 11px;
  left: 26px;
}

.info-block {
  margin-left: 50px;
}

.info {
  font-style: italic;
}

.person {
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 400px;
  line-height: 150px;
}

.member {
  line-height: 150px;
}

.txt {
  line-height: 1em;
  margin-top: 10%;
}

/*Separator styles*/
.info-block .separator {
  background: #111F2C none repeat scroll 0% 0%;
  box-shadow: 0px 2px 0px #2A3F51;
  display: block;
  height: 1px;
  margin: 50px auto 0 auto;
  width: 90%;
}

.glyphicon-question-sign {
  font-size: 15px;
  display: inline-block;
}

.popover.bottom,
.popover,
.popover-content {
  border-radius: 5px;
}

.popover-content {
  color: #213140;
  background: #40c381;
}

/* end of shiva's styles */
@media (max-width: 767px) {
  .generic-responsive-table-container.table-responsive {
    overflow: visible;
  }
}
.generic-responsive-table-container .generic-responsive-table td .table-heading-hidden {
  display: none;
}
@media (max-width: 767px) {
  .generic-responsive-table-container .generic-responsive-table thead {
    display: none;
  }
  .generic-responsive-table-container .generic-responsive-table tbody, .generic-responsive-table-container .generic-responsive-table tfoot {
    background: none;
    width: 100%;
  }
  .generic-responsive-table-container .generic-responsive-table tbody tr, .generic-responsive-table-container .generic-responsive-table tfoot tr {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
  }
  .generic-responsive-table-container .generic-responsive-table tbody tr td, .generic-responsive-table-container .generic-responsive-table tfoot tr td {
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 359px) {
  .generic-responsive-table-container .generic-responsive-table tbody tr td, .generic-responsive-table-container .generic-responsive-table tfoot tr td {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .generic-responsive-table-container .generic-responsive-table tbody tr td.mobile-hidden-td, .generic-responsive-table-container .generic-responsive-table tfoot tr td.mobile-hidden-td {
    display: none;
  }
  .generic-responsive-table-container .generic-responsive-table tbody tr td .table-heading-hidden, .generic-responsive-table-container .generic-responsive-table tfoot tr td .table-heading-hidden {
    display: inline-block;
    margin-right: 5px;
  }
}
@media (max-width: 767px) and (max-width: 359px) {
  .generic-responsive-table-container .generic-responsive-table tbody tr td .table-heading-hidden, .generic-responsive-table-container .generic-responsive-table tfoot tr td .table-heading-hidden {
    display: block;
  }
}

@media (max-width: 767px) {
  .search-results-table tbody tr {
    padding: 10px 0;
    margin: 0 !important;
  }
  .search-results-table tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .search-results-table tfoot tr td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

.unconf-info-mobile {
  color: #fff;
  margin: 10px 0;
  text-align: left;
}

@-webkit-keyframes hilite {
  0% {
    background: #40c381;
  }
  100% {
    background: transparent;
  }
}
@keyframes hilite {
  0% {
    background: #40c381;
  }
  100% {
    background: transparent;
  }
}
.faqs-section .tab-content .question-box .question:target {
  /* for chrome */
  -webkit-animation: hilite 2.5s;
  /* for firefox */
  animation: hilite 2.5s;
}

code {
  display: inline-block;
  width: 100%;
  padding: 6px;
  line-height: 160%;
  background: #111F2C;
  color: #fff;
  margin: 5px 0;
  width: 100%;
  word-wrap: break-word;
  table-layout: fixed;
  white-space: initial;
}

.api-section {
  padding-top: 100px;
  padding-bottom: 100px;
  color: #fff;
}
.api-section h1 {
  font-family: "Roboto Slab", serif;
  font-size: 24px;
}
.bch-styling .api-section h1 {
  font-family: "Montserrat";
}

.doc-section {
  background: #213140;
  margin-top: 30px;
  padding: 30px;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.doc-section h1, .doc-section h2, .doc-section h3, .doc-section h4, .doc-section h5, .doc-section h6 {
  font-family: "Roboto Slab", serif;
  color: #40C381;
}
.bch-styling .doc-section {
  background: #f2f5f8;
  color: black;
}
.bch-styling .doc-section h1, .doc-section h2, .doc-section h3, .doc-section h4, .doc-section h5, .doc-section h6 {
  font-family: "Montserrat", serif;
  color: #0ED39E;
  font-weight: bold;
}
.doc-section h1 {
  font-size: 21px;
  font-weight: bold;
}
.doc-section > h1 {
  margin: 0px 0 15px;
}
.doc-section h2 {
  font-size: 16px;
}
.doc-section h3 {
  font-size: 14px;
}
.doc-section code {
  margin: 9px 0 15px;
}
.doc-section a {
  color: #FBB13D;
}
.doc-section p {
  line-height: 160%;
}
.doc-section .list-heading {
  margin: 9px 0 3px;
  font-weight: bold;
}
.doc-section article {
  padding: 3px 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 9px 0 15px;
  border: 1px solid #111F2C;
}

.api-links {
  list-style-type: none;
  padding-left: 0;
  padding: 30px;
  margin-top: 30px;
  border: 1px solid #213140;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.api-links > li {
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
  margin: 6px 0 9px;
}
.bch-styling .api-links > li {
  color: black;
}
.api-links > li.active {
  color: #FBB13D;
}
.api-links > li.active {
  color: #FBB13D;
}
.api-links > li.active a {
  font-weight: bold;
  color: #FBB13D;
}
.api-links > li > a {
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}

.api-links > li > ul {
  font-family: "Roboto", sans-serif;
  list-style-type: none;
  padding-left: 15px;
  margin: 3px 0;
}
.api-links > li > ul > li {
  text-transform: capitalize;
}
.api-links > li > ul > li > a {
  font-weight: normal;
  text-transform: capitalize;
  font-family: "Roboto", sans-serif;
  color: #40C381;
}
.api-links > li > ul > li > a {
  color: #0ED39E;
  font-weight: bold;
}
.api-links > li > ul > li.active {
  color: #FBB13D;
}
.api-links > li > ul > li.active a {
  font-weight: normal;
  color: #FBB13D;
}
@media (max-width: 767px) {
  .api-links {
    display: none;
  }
}

#api-links.fixed {
  position: fixed;
  margin: 0;
  top: 90px;
}

.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

.donate-text {
  font-size: 21px;
}

.data-section {
  border-top: 1px solid #d7d7d7;
  padding: 15px 0;
}
.data-section.dark {
  border-top: none;
}

.alert-gray {
  max-width: 430px;
  background: #E2E4E6;
  color: #666666;
  border-color: #D8D8D8;
}
.alert-gray h1, .alert-gray h2, .alert-gray h3, .alert-gray h4, .alert-gray h5 {
  color: #4F4F4F;
}
.alert-gray p {
  color: #616161;
  font-size: 14px;
  line-height: 140%;
  font-weight: bold;
  margin: 0 0 9px;
}
.alert-gray .main-heading {
  font-size: 1em;
  margin: 0 0 9px;
  font-weight: bold;
}

.tx-form {
  padding: 0 0px 30px;
}
.tx-form .form-group label {
  display: block;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
}
.tx-form .form-group .form-control {
  max-width: 250px;
  font-size: 1em;
  color: #666;
}
.tx-form .form-group .btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-color: #33A166;
  font-weight: bold;
}

.table.tx-table {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ADADAD;
  max-width: 80%;
}
@media (max-width: 767px) {
  .table.tx-table {
    max-width: none;
  }
}
.table.tx-table thead {
  background: #CCCFD2;
  color: #213140;
}
.table.tx-table thead th {
  background: #CCCFD2;
  color: #213140;
  font-weight: bold;
  font-size: 12px;
  padding: 9px 15px 6px;
  border: 1px solid #ADADAD;
}
.table.tx-table tr td {
  padding: 12px 15px 9px;
  border: 1px solid #ADADAD;
  position: relative;
  z-index: 1;
}
.table.tx-table tr td .time-bar {
  position: absolute;
  min-width: 100px;
  max-width: 96%;
  top: 9px;
  bottom: 8px;
  left: 15px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI3LjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDBjNzdmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(0deg, #ffffff 7.5%, #40c77f 100%);
  background-image: -webkit-linear-gradient(0deg, #ffffff 7.5%, #40c77f 100%);
  background-image: linear-gradient(90deg, #ffffff 7.5%, #40c77f 100%);
  z-index: -1;
  -moz-border-radius-topright: 50px;
  -webkit-border-top-right-radius: 50px;
  border-top-right-radius: 50px;
  -moz-border-radius-bottomright: 50px;
  -webkit-border-bottom-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.table.tx-table tr td .time-bar:after {
  content: "\2709";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: italic;
  color: #fff;
  position: absolute;
  height: 14px;
  right: 12px;
  top: 6px;
  bottom: 9px;
  margin: auto 0;
  font-size: 12px;
}

#qr-canvas {
  display: none;
}

#qrcode-scanner-video {
  margin: 0 auto 10px;
  display: block;
}

.invoice-form {
  padding: 15px 15px 0;
}

.invoice .form-group .form-control {
  font-weight: bold;
  border: none;
  background: #e2e4e6;
  max-width: 500px;
  font-size: 13px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.invoice .form-group select {
  -moz-appearence: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.invoice .form-group .input-group {
  max-width: 500px;
  color: #213140;
}

.invoice .form-group .input-group-btn .btn {
  background: #e2e4e6;
  padding: 6px 6px;
  border-color: transparent;
}

@media (min-width: 1170px) {
  .invoice-form {
    max-width: 60%;
  }
}
.invoice-form.sidebar {
  max-width: none;
}
.invoice-form .form-group.narrow {
  max-width: 180px;
}
.invoice-form .form-group .content {
  white-space: pre-wrap;
}
.invoice-form legend {
  color: #fff;
  font-weight: normal;
  margin: 0 0 30px;
  padding-bottom: 6px;
  border-color: #31485e;
}
.bch-styling .invoice-form legend {
  color: black;
}
.invoice-form textarea {
  max-width: 100%;
  min-height: 50px;
}
.invoice-form .form-control {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  display: block;
  color: #333;
}
.invoice-form .input-group-addon {
  font-weight: bold;
}
.bch-styling #invoiceLink {
  background: #F2F5F8;
  border: none;
  left: -1px;
  padding-top: 21px;
  padding-bottom: 21px;
}
.invoice-form .dropdown-toggle {
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
}

.invoice-form .dropdown-menu {
  max-height: 140px;
  min-width: 90px;
  overflow: auto;
}

.invoice-form .dropdown-toggle:focus {
  outline: 0;
  z-index: 0;
}

.invoice-form .btn, .invoice-form .btn.btn-brand {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}
.invoice-form label {
  text-transform: uppercase;
  color: #cacaca;
  font-weight: bold;
}
.invoice-form .value {
  color: #40C381;
  font-size: 18px;
}
.bch-styling .invoice-form .value {
  font-weight: bold;
  font-size: 16px;
  color: #0ED39E;
}
.invoice-form .value small {
  text-transform: uppercase;
  color: #cacaca;
}
.bch-styling .invoice-form label,
.bch-styling .invoice-form .value small {
  color: black;
}
.invoice-form #invoice-file-wrap {
  position: relative;
}
.invoice-form #invoice-file-wrap label {
  position: relative;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-left: 33px;
  border: none;
  margin-right: 6px;
}
.invoice-form #invoice-file-wrap label {
  border: 1px solid #0ed39e;
}
.invoice-form #invoice-file-wrap label:hover {
  cursor: pointer;
}
.invoice-form #invoice-file-wrap label .glyphicon {
  position: absolute;
  display: inline-block;
  background: #33a26a;
  color: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  width: 27px;
  text-align: center;
  padding-top: 8px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bch-styling .invoice-form #invoice-file-wrap label .glyphicon {
  background: #0ed39e;
  padding-top: 12px;
}
.invoice-form #invoice-file-wrap .help-block {
  display: inline-block;
  color: #d9d9d9;
}
.invoice-form #invoice-file-wrap .form-control {
  opacity: 0;
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  position: absolute;
}
.invoice-form #invoice-file-wrap .file-name {
  color: #40C381;
  border-top: 1px solid #142433;
  border-bottom: 1px solid #142433;
  padding: 9px 0;
  margin: 6px 0;
}
.invoice-form #invoice-file-wrap .file-name .glyphicon {
  display: inline-block;
  margin-right: 3px;
}
.invoice-form .qr-code-box {
  padding: 15px 0;
}
.invoice-form .qr-code-box .qr-code {
  display: inline-block;
  width: 100%;
  max-width: 132px;
  margin-bottom: 9px;
  margin-right: 15px;
}
.invoice-form .qr-code-box .qr-code .qr-enclosure {
  background-color: white;
  width: 132px;
  height: 132px;
  padding: 6px;
}
.invoice-form .qr-code-box .qr-code .qr-enclosure qrcode {
  width: 100%;
}
.invoice-form .qr-code-box .qr-code img {
  width: 100%;
}
.invoice-form .qr-code-box .form-group {
  vertical-align: top;
  display: inline-block;
  width: auto;
}
.invoice-form .qr-code-box .form-group .form-control {
  color: #40C381;
  font-weight: bold;
  border: none;
  background: #111F2C;
  width: 320px;
  font-size: 13px;
}
.invoice-form .qr-code-box .form-group .form-control {
  color: #000000;
  background: #F2F5F8;
}
@media (max-width: 479px) {
  .invoice-form .qr-code-box .form-group .form-control {
    width: 240px;
  }
}
.invoice-form .secure-invoice-info {
  color: #cacaca;
  margin: 15px 0 0;
}
.bch-styling .invoice-form .secure-invoice-info {
  color: black;
}
.invoice-form .secure-invoice-info .glyphicon {
  margin-right: 3px;
}
.invoice-form .secure-invoice-info a {
  color: #cacaca;
  margin: 0 3px;
  text-decoration: none;
}

.invoice-info-box {
  display: block;
  margin: 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 9px;
  text-align: center;
  font-size: 14px;
  color: #cacaca;
}
.invoice-info-box h1 {
  color: #40C381;
  font-weight: normal;
  font-size: 18px;
}
.bch-styling .invoice-info-box h1,
.bch-styling .invoice-info-box .date span {
  color: #0ED39E;
}
.invoice-info-box h1 small {
  color: #cacaca;
  display: block;
  margin: 0 0 3px;
  font-size: 15px;
}
.invoice-info-box .date span {
  display: block;
  color: #40C381;
}
.bch-styling .invoice-info-box h1 small,
.bch-styling .invoice-info-box {
  color: black;
}
.invoice-info-box.bordered {
  border: 1px solid #213140;
}
.invoice-info-box .icon {
  display: block;
  margin: 0 auto 9px;
  width: 30px;
}
.invoice-info-box .icon.tick {
  width: 27px;
}
.invoice-info-box mark {
  color: #40C381;
  background: none;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.invoice-info-box a {
  color: #40C381;
  text-decoration: underline;
}
.invoice-info-box.progress-indicator {
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  color: #a4a4a4;
}
.invoice-info-box.progress-indicator.half:before {
  content: ' ';
  position: absolute;
  display: block;
  height: 3px;
  width: 50%;
  top: 0;
  left: 0;
  background: #40C381;
  -moz-border-radius-topleft: 50px;
  -webkit-border-top-left-radius: 50px;
  border-top-left-radius: 50px;
}
.invoice-info-box.progress-indicator.full:before {
  content: ' ';
  position: absolute;
  display: block;
  height: 3px;
  width: 100%;
  top: 0;
  left: 0;
  background: #40C381;
  -moz-border-radius-topleft: 50px;
  -webkit-border-top-left-radius: 50px;
  border-top-left-radius: 50px;
  -moz-border-radius-topright: 50px;
  -webkit-border-top-right-radius: 50px;
  border-top-right-radius: 50px;
}

.invoice-heading {
  display: none;
}
@media (max-width: 767px) {
  .invoice-heading {
    display: block;
  }
}
.invoice-heading .invoice-info-box {
  text-align: left;
  padding: 0 15px;
  margin: 0 0 9px;
}
.invoice-heading .invoice-info-box.bordered, .invoice-heading .invoice-info-box.progress-indicator {
  border: 1px solid #3b5872;
  padding: 15px 30px;
  display: inline-block;
  margin: 15px 15px 9px;
  max-width: 240px;
  text-align: center;
}

.btcprice {
  text-align: center;
  font-size: 14px;
  color: #cacaca;
}
.bch-styling .btcprice {
  color: black;
}

.merchants-text-sec {
  padding: 45px 0;
  color: #fff;
}
.merchants-text-sec .merchant-intro-icon {
  width: 108px;
  margin: 30px 0 30px;
}
.merchants-text-sec h1, .merchants-text-sec h2, .merchants-text-sec h3, .merchants-text-sec h4, .merchants-text-sec h5 {
  font-family: "Roboto Slab", serif;
  color: #40C381;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
}
.merchants-text-sec h1 small, .merchants-text-sec h2 small, .merchants-text-sec h3 small, .merchants-text-sec h4 small, .merchants-text-sec h5 small {
  font-size: 75%;
  color: #40C381;
}
.merchants-text-sec h1.orange, .merchants-text-sec h2.orange, .merchants-text-sec h3.orange, .merchants-text-sec h4.orange, .merchants-text-sec h5.orange {
  color: #FBB13D;
}
.merchants-text-sec h1 .orange, .merchants-text-sec h2 .orange, .merchants-text-sec h3 .orange, .merchants-text-sec h4 .orange, .merchants-text-sec h5 .orange {
  color: #FBB13D;
}

.get-started-container {
  margin: 45px 0;
}
@media (max-width: 599px) {
  .get-started-container {
    margin: 60px 0 30px;
  }
  .get-started-container .seperator {
    width:100%;
  }
}

.testimonials h2 {
  font-weight: normal;
  font-size: 2em;
  margin-top: 3em;
}

.aligner {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.testimonials .logo {
  border-style: solid;
  border-width: 1px;
  border-color: #1d3344;
  display: inline-block;
  width: 200px;
  height: 120px;
  position: relative;
  margin: 1em;
}

.testimonials .logo img {
  max-height: 80%;
  max-width: 80%;
  position:absolute;
  top:0;
  bottom:0;
  left: 0;
  right: 0;
  margin: auto;
}

.testimony {
  height: 300px;
  max-width: 330px;
  background-color: #1d3344;
  border-radius: 10px;
  margin: 0 auto;
  padding: 2em;
  text-align: left;
  margin-bottom: 1em;
}

.testimony a.content-link {
  background-color: #1d3344;
  border-style: solid;
  border-radius: 10px;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-color: #40c381;
  bottom: 2em;
  position: absolute;
  color: white;
  text-decoration: none;
}

.testimony img {
  max-width: 250px;
  max-height: 60px;
  margin-bottom: 1em;
}

.payment-forwarding-ad {
  max-width: 610px;
  border-radius: 10px;
  background-color: #1d3344;
  margin: 0 auto;
  text-align: left;
  text-align: center;
}

.payment-forwarding-ad p {
  color: white;
  font-size: 1.5em;
}

.payment-forwarding-ad img {
  max-width: 100%
}

.payment-forwarding-ad a:hover {
  text-decoration: none;
}

.white {
  color: white;
}

.get-started-container .seperator {
  border-bottom: 1px solid #4D4D4D;
  width:50%;
  margin:auto;
}

.get-started-container .btn {
  margin-top: -24px;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  font-size: 12px;
}

.merchants-text-sec .icon-showcase {
  font-size: 36px;
  margin: 21px 0 9px;
  color: #FBB13D;
}
.merchants-text-sec p {
  color: #E6E7E8;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
.merchants-text-sec p.orange {
  color: #FBB13D;
}
.merchants-text-sec p .orange {
  color: #FBB13D;
}
.merchants-text-sec p.green {
  color: #40C381;
}
.merchants-text-sec p .green {
  color: #40C381;
}
.merchants-text-sec p.big {
  font-size: 24px;
}
.bch-styling .merchants-text-sec p {
  color: #000;
}
.merchants-text-sec .btn-warning {
  baackground: #FBB13D;
  color: #000;
}
.merchants-text-sec .merchant-feature-grid .merchant-feature {
  display: block;
  width: 33.333333%;
  float: left;
  padding: 15px;
}
.merchants-text-sec .merchant-feature-grid .merchant-feature .wrapper {
  display: block;
  margin: 0 auto;
}
.merchants-text-sec .merchant-feature-grid .merchant-feature .wrapper h2 {
  font-size: 21px;
  margin: 30px 0 12px;
}
.merchants-text-sec .merchant-feature-grid .merchant-feature .wrapper p {
  font-size: 16px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 599px) {
  .merchants-text-sec .merchant-feature-grid .merchant-feature {
    width: 100%;
  }
}

.modal-backdrop {
  z-index: 999;
}

.merchant-sign-up {
  max-width: 360px;
  margin: 0 auto;
}

.code-region {
  margin-bottom: 18px;
}
.code-region .tab-pane {
  margin: 0.5em 0;
}
.code-region pre {
  padding: 0 12px !important;
  border: none !important;
  background: #111F2C !important;
}
.code-region :not(pre) > code[class*="language-"], .code-region pre[class*="language-"] {
  background: #111F2C !important;
}
.code-region pre > code {
  margin: 0;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  white-space: pre;
  margin-top: -1.00em;
  display: block;
}

.code-tabs {
  border: none;
  margin: 18px 0 0;
}
.code-tabs li {
  margin: 0 !important;
  display: inline-block !important;
  margin-right: 6px !important;
  margin-bottom: 6px !important;
  border: none !important;
  float: none !important;
}
.code-tabs li a {
  font-size: 12px;
  background: #111F2C;
  color: #fff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 3px 15px;
  border: none;
}
.code-tabs li a:hover {
  color: #111F2C;
}
.code-tabs li.active {
  margin: 0;
  margin-right: 6px;
  border: none;
}
.code-tabs li.active a {
  background: #40C381 !important;
  color: #fff !important;
  border: none !important;
}

.merchant-wizard {
  margin-left:auto;
  margin-right:auto;
  max-width: 800px;
}

.merchant-wizard input {
  border-radius: 30px;
  text-align: left;
  color : #555;
}

.merchant-wizard .form-control {
  height: 44px;
}

.merchant-wizard .form-control.xpub {
  width: 88%;
  margin-left: 6%;
}

.merchant-wizard .form-group label {
  color : #838a90;
}

.merchant-wizard .form-horizontal .has-feedback .form-control-feedback {
  border-radius: 30px;
  text-align: center;
  border: 2px solid #ffffff00;
  background-clip: padding-box;
  width: auto;
  line-height: 2;
  color: #40C381;
  background: white;
  font-weight: bold;
  height: 42px;
  top: 1px;
  right: 46px;
}

.btn.btn-brand.form-control-feedback:hover {
  color: white;
  background: #40C381;
}

.merchant-wizard .xpub-caption {
  color:#cacaca;
  font-family: "Roboto Slab", sans-serif;
  font-size: 13px;
  margin-top: 0.4em;
}

.merchant-wizard .xpub-caption i {
  font-size:90%; 
  color: #D8992D;
}

.merchant-wizard .heading-two {
  font-family: "Roboto Slab", serif;
  font-size: 19px;
  color: #E7A02E;
  font-weight: bold;
}

.merchant-wizard .heading-three {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  margin-bottom: -10px;
  color: #efefef;
  text-align: left;
}

.merchant-wizard .dropdown-div {
  position: relative;
  top: 60px;
}

.merchant-wizard .dropdown-div label {
  color: #838a90;
  font-size: 15px;
  margin-bottom: 0.7em;
}

.merchant-wizard .dropdown-div select {
  background-color: #0b121c;
  border-width: 2px;
  border-color: #3b4149;
  color: white;
}

.merchant-wizard .slide {
  background-color: #3b4149;
}

.merchant-wizard .form-seperator {
  border-bottom:1px solid #35404B;
  margin-top:15px;
  margin-bottom:25px;
}

.merchant-wizard .wallet-selector {
  border-width: 1px;
  border-color: #3b4149;
  height: 260px;
  border-style: solid;
  border-radius: 6px;
  margin-right: 1em;
  background-image: url("../img/b-icon.png");
  background-repeat: no-repeat;
  background-position-y: 150px;
  background-position-x: -20px;
}

.merchant-wizard .wallet-viewer {
  background-color: #3b4149;
  padding: 1em;
  border-radius: 8px;
}

.merchant-wizard .slider {
  padding:0px;
  background:#121f2b;
}

.merchant-wizard .slider-arrows {
  position: relative;
  top: 100px;
}

.merchant-wizard .slider-arrows #left-arrow {
  position: absolute;
  left: 0;
}

.merchant-wizard .slider-arrows #right-arrow {
  position: absolute;
  right: 0;
}

.merchant-wizard .slider-arrows i {
  font-size:130%; 
  color: white;
}

.merchant-wizard .slide img {
  max-width: 100%;
  max-height: 360px;
}

.bch-styling .merchant-wizard .slide img {
  width: 800px;
}

@media (max-width: 767px) {
  .merchant-wizard {
    width: 90%;
  }
  .merchant-wizard .slider {
    height:200px;
  }
  .merchant-wizard .slide img {
    height:200px;
  }
}

.merchant-wizard h1 {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 32px;
  font-weight: normal;
}

.merchant-box-one {
  text-align: center;
  padding: 20px 10px;
}

.merchant-box-one p {
  color: #868a8f;
  font-size: 14px;
}

.merchant-box-one i {
  color: #868a8f;
}

.merchant-box-two {
  text-align: left;
  border: 1px solid #35404B;
  border-radius: 5px;
  background: #182839;
  padding: 20px;
  margin-bottom:10px;
}

.bch-styling .merchant-box-two {
  background: #fdfdfd;
  border-color: #fdfdfd;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.merchant-box-two p {
  font-family:"Roboto Slab", serif;
  margin-bottom:0px;
}

.merchant-box-two li {
  color: #838a90;
  font-family: "Roboto Slab", sans-serif;
  font-size: 15px;
  margin-top: 0.4em;
}

.merchant-box-three {
  background-color: #0b121c;
  padding: 3em;
  border-radius: 16px;
}

ul.forwards {
  list-style: none;
  text-align: left;
}
.forwards p {
  color: white;
}
.forwards li {
  margin-bottom: 0.2em;
}
h2.white {
  color: white;
}
.white {
  color: white;
}
.green {
  color: green;
}
.yellow {
  color: yellow;
}
.merchant-feature .fa {
  font-size: 5em;
  margin-bottom: 0.3em;
}
.top-padding {
  margin-top: 3em;
}

#request-received{
  margin-top: 1em;
}

.div-close-button {
  display: inline-block;
  position: relative;
  margin-bottom:-15px;
  float:right;
  right: -10px;
  top: -15px;
  cursor: pointer;
  color: #fff;
}

.merchant-sidebar-grid {
  margin: 45px -9px 15px;
}
@media (max-width: 767px) {
  .merchant-sidebar-grid {
    margin: 0 -9px 15px;
  }
}
.merchant-sidebar-grid .merchant-sidebar-item {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  margin-bottom: 0;
  padding: 9px;
  text-decoration: none;
}
.merchant-sidebar-grid .merchant-sidebar-item .wrapper {
  text-align: center;
  font-size: 12px;
  font-family: "Roboto Slab", serif;
  color: #fff;
  /* background: #fefefe; */
  border: 1px solid #0a1118;
  padding: 15px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none !important;
  text-transform: uppercase;
}
.merchant-sidebar-grid .merchant-sidebar-item .wrapper .glyphicon {
  display: inline-block;
  font-size: 90%;
  margin-right: 3px;
}
.merchant-sidebar-grid .merchant-sidebar-item.active .wrapper {
  background: none !important;
  border-color: #40C381;
  color: #fff;
  position: relative;
  z-index: 10;
}
.merchant-sidebar-grid .merchant-sidebar-item.active .wrapper:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: 0;
  right: -3px;
  height: 100%;
  width: 9px;
  background: #111F2C;
}
@media (max-width: 767px) {
  .merchant-sidebar-grid .merchant-sidebar-item {
    width: 50%;
  }
  .merchant-sidebar-grid .merchant-sidebar-item .wrapper {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px;
    border-radius: 6px !important;
    border: 1px solid #40C381 !important;
    background: none !important;
    color: #fff;
  }
  .merchant-sidebar-grid .merchant-sidebar-item .wrapper:after {
    content: '';
    display: none;
  }
  .merchant-sidebar-grid .merchant-sidebar-item.active .wrapper {
    border: 1px solid #40C381 !important;
    background: #40C381 !important;
    color: #111F2C;
  }
  .merchant-sidebar-grid .merchant-sidebar-item.active .wrapper:after {
    content: '';
    display: none;
  }
}

.merchant-main-area {
  border: 1px solid #40C381;
  background: #111F2C;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 30px;
  margin: 9px 0 15px;
  -moz-box-shadow: 6px 5px 10px -5px #757575;
  -webkit-box-shadow: 6px 5px 10px -5px #757575;
  box-shadow: 6px 5px 10px -5px #757575;
}
@media (min-width: 768px) {
  .merchant-main-area {
    margin-left: -31px;
  }
}

.merchant-settings-box {
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 15px;
  position: relative;
  padding-top: 30px;
  margin: 6px 0 15px;
}
.merchant-settings-box .settings-box-heading {
  font-size: 14px;
  color: #fff;
  padding: 0px 9px;
  position: absolute;
  background: #0f1b27;
  top: -10px;
  left: 6px;
  margin: 0;
}
.merchant-settings-box .invoice-form {
  max-width: 100%;
}
.merchant-settings-box .invoice-form .form-control {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.merchant-settings-box .invoice-form .btn {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.merchant-settings-box .invoice-form label {
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  color: #fff;
  padding-left: 12px;
}
.merchant-settings-box .merchant-log-area {
  min-height: 250px;
  max-height: 250px;
  padding: 15px;
  overflow: auto;
  background: black;
  font-size: 12px;
  color: #fff;
  text-align: left;
}
.merchant-settings-box .merchant-log-area p {
  font-family: monospace;
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */
}

.merchant-tab-content .logo-medium {
  width: 6em;
  margin-top: 1.3em;
}

.merchant-settings-form h1 {
  font-family: "Roboto Slab", serif;
  color: #40C381;
  font-size: 38px;
  margin-bottom: 24px;
  font-weight: normal;
}

.merchant-settings-form .form-control {
  border-radius: 0;
}

.merchant-buttons-grid {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .merchant-buttons-grid {
    padding-top: 15px;
  }
}
@media (max-width: 500px) {
  .merchant-settings-form h1 {
      font-size: 32px;
  }
}
.merchant-buttons-grid .btn {
  display: block;
  width: 100%;
  margin: 0 0 9px;
  white-space: initial;
  background: none !important;
  border: 1px solid #fff;
  position: relative;
  padding-left: 30px;
  padding-right: 15px;
}
.merchant-buttons-grid .btn .glyphicon {
  position: absolute;
  left: 15px;
  top: 9px;
}
@media (max-width: 767px) {
  .merchant-buttons-grid .btn {
    width: 100%;
    min-width: 240px;
    max-width: 240px;
    margin: 0 auto 9px;
  }
}
.merchant-buttons-grid.normal {
  padding: 6px 0;
  text-align: left;
}
.merchant-buttons-grid.normal .btn {
  display: inline-block;
  width: auto !important;
  min-width: 0px !important;
  max-width: none !important;
  margin-right: 6px;
  background: initial !important;
  padding-left: 15px;
}
.merchant-buttons-grid.normal .btn.btn-refresh {
  background: #fff !important;
  color: #111F2C;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 12px;
}
.merchant-buttons-grid.normal .btn.btn-refresh .glyphicon {
  position: relative;
  top: 2px;
  left: 0px;
  right: 10px;
  text-align: center;
}

/** Always show link cursor for ng-click*/
[ng-click],
[data-ng-click],
[x-ng-click] {
  cursor: pointer;
}

.testimonial-slide {
  outline: none;
}
.testimonial-slide:hover {
  cursor: move;
}
.testimonial-slide .wrap {
  max-width: 540px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  outline: none;
}
.testimonial-slide .testimonial-content {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 160%;
}
.testimonial-slide .testimonial-image {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 15px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.testimonial-slide .testimonial-name {
  font-family: "Roboto Slab", serif;
  color: gray;
  font-size: 15px;
  margin-bottom: 3px;
  font-weight: bold;
}
.testimonial-slide .testimonial-designation {
  font-family: "Roboto Slab", serif;
  color: gray;
  font-size: 15px;
  font-weight: normal;
}

.slick-dots {
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:before, .slick-dots li button::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: gray;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.slick-dots li.slick-active button:before, .slick-dots li.slick-active button::before {
  background: #fff;
}

.testimonial-section {
  padding: 60px 0 30px;
}
.testimonial-section .testimonial-heading {
  font-weight: normal;
  position: relative;
}
.testimonial-section .testimonial-heading:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 3px;
  background: #40C381;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -21px;
}

.merchant-footer-links {
  text-align: center;
  margin-bottom: 6px;
}
.merchant-footer-links .link-grid {
  margin-botom: 1px;
}
.merchant-footer-links .link-grid .link {
  display: block;
  float: left;
  width: 20%;
  color: #fff;
  padding: 15px 0;
  text-decoration: none !important;
  height: 130px;
  position: relative;
  -moz-box-shadow: inset 0px 0px 1px gray;
  -webkit-box-shadow: inset 0px 0px 1px gray;
  box-shadow: inset 0px 0px 1px gray;
}
.merchant-footer-links .link-grid .link img {
  display: block;
  margin: 0 auto 15px;
  width: 48px;
}
.merchant-footer-links .link-grid .link .text {
  display: block;
  width: 60%;
  margin: 0 auto;
  font-size: 13px;
  color: #E6E7E8;
  text-decoration: none;
}
.merchant-footer-links .link-grid .link:hover {
  border-color: transparent !important;
  -moz-box-shadow: 0px 0px 5px 3px #000;
  -webkit-box-shadow: 0px 0px 5px 3px #000;
  box-shadow: 0px 0px 5px 3px #000;
}
@media (max-width: 991px) {
  .merchant-footer-links .link-grid .link {
    width: 50%;
    border-bottom: 1px solid gray;
    height: 150px;
  }
  .merchant-footer-links .link-grid .link:nth-child(3), .merchant-footer-links .link-grid .link:nth-child(4) {
    border-bottom: none;
  }
}

.merchant-setting-tabs {
  border: none;
  border-bottom: 1px solid #404040;
}
.merchant-setting-tabs > li {
  margin: 0 !important;
}
.merchant-setting-tabs > li > a {
  border: none;
  border-bottom: 3px solid transparent;
  background: none;
  margin: 0 !important;
  text-transform: uppercase;
  color: gray;
}
.merchant-setting-tabs > li > a:hover {
  background: none !important;
  border: none;
}
.merchant-setting-tabs > li.active {
  margin: 0;
}
.merchant-setting-tabs > li.active > a {
  background: none;
  border: none;
  margin: 0;
  color: #fff;
  border-bottom: 3px solid #40C381;
}
.merchant-setting-tabs > li.active > a:hover {
  background: none !important;
  border: none;
  border-bottom: 3px solid #40C381;
  color: #fff;
}

.merchant-tab-content {
  margin: 15px 0;
}
.merchant-tab-content .tab-pane form legend {
  background: #101c28;
  margin: 9px 0 15px;
  border: none;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  text-align: left;
  padding: 3px 9px;
}
.merchant-tab-content .tab-pane form .form-group .control-label {
  padding-left: 24px;
  font-family: "Roboto Slab", sans-serif;
  font-size: 13px;
  margin-top: 0.4em;
  font-weight: bold;
}
.merchant-tab-content .tab-pane form .form-group .form-control {
  max-width: 480px;
}

.footer-help {
  color: #fff;
}
.footer-help a {
  color: #40C381;
}

.merchant-callback-logs {
  background: #09161F;
  color: #959697;
  font-size: 13px;
  padding: 15px;
  margin: 15px 0;
  max-height: 180px;
  overflow: auto;
}
.bch-styling .merchant-callback-logs {
  background: #fdfdfd;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.merchant-callback-logs h4 {
  color: #fff;
  margin-left: -6px;
  font-size: 15px;
  margin: 0 0 15px;
}
.bch-styling .merchant-callback-logs h4 {
  color: #000000;
}
.merchant-callback-logs .logs p {
  color: #959697;
  margin: 0 0 6px;
  font-family: 'courier-new', monospace, sans-serif;
  font-size: 12px;
}
.merchant-callback-logs .logs p .time {
  color: #cbcccc;
}
.bch-styling .merchant-callback-logs .logs p .time {
  color: #838a90;
}
.merchant-callback-logs .logs p .url {
  color: #0060D9;
}
.merchant-callback-logs .logs p .log-info {
  display: inline-block;
  color: #959697;
  margin-right: 15px;
}
.merchant-callback-logs .logs p .status {
  color: #40C381;
}
.merchant-callback-logs .logs p .status.danger {
  color: #F15C28;
}
.merchant-callback-logs .logs p .status.warning {
  color: #FBB13D;
}

.bch-styling .test-payment {
  padding: 20px 10px;
}
.bch-styling .test-payment .form-control{
  background: #FFFFFF;
  border-radius: 10px;
  border: none;
  max-width: 730px;
  margin-bottom: 32px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}
.bch-styling .test-payment .form-control {
    height: 44px;
}
.bch-styling .test-payment label{
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  text-align: left;
}
.bch-styling .test-payment .btn-brand {
  white-space: pre-wrap;  
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;    
  white-space: -o-pre-wrap;   
  word-wrap: break-word;
}
.merchant-log-refresh {
  height: 34px;
  width: 34px;
  padding: 0;
  text-align: center;
  padding-top: 1px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 6px;
}

.test-callback-form {
  margin-top: 1em;
}
.bch-styling .test-callback-form {
  max-width:730px;
  width:100%;
  margin:auto;
}
.data-query-results {
  background: #09161F;
  color: #959697;
  font-size: 13px;
  padding: 15px;
  margin: 15px 0;
  max-height: 350px;
  overflow: auto;
}
.data-query-results h4 {
  color: #fff;
  margin-left: -6px;
  font-size: 15px;
  margin: 0 0 15px;
}
.data-query-results .logs p {
  color: #959697;
  margin: 0 0 6px;
  font-family: 'courier-new', monospace, sans-serif;
  font-size: 12px;
}
.data-query-results .logs p .time {
  color: #cbcccc;
}
.data-query-results .logs p .url {
  color: #0060D9;
}
.data-query-results .logs p .log-info {
  display: inline-block;
  color: #959697;
  margin-right: 15px;
}
.data-query-results .logs p .status {
  color: #40C381;
}
.data-query-results .logs p .status.danger {
  color: #F15C28;
}
.data-query-results .logs p .status.warning {
  color: #FBB13D;
}

#merchant-testpayment-header {
  font-size: 18px;
}

table.table.upgrade-plan-table {
  border: none;
  background: none;
  max-width: 300px;
}
table.table.upgrade-plan-table thead {
  background: none;
}
table.table.upgrade-plan-table thead > tr {
  border: none;
  background: none;
}
table.table.upgrade-plan-table thead > tr > th {
  border: none;
  background: none;
}
table.table.upgrade-plan-table tbody {
  background: none;
}
table.table.upgrade-plan-table tbody > tr {
  background: none;
  border: none;
}
table.table.upgrade-plan-table tbody > tr > td {
  background: none;
  border: none;
  line-height: 1.2;
  color: #333;
  vertical-align: bottom;
  padding: 10px 0;
}
table.table.upgrade-plan-table tbody > tr > td mark {
  color: #40C381;
  font-size: 24px;
  background: none;
  line-height: 1.2;
}
table.table.upgrade-plan-table tbody > tr > th {
  background: none;
  border: none;
  padding: 10px 0;
  line-height: 1.2;
  text-transform: uppercase;
  color: #333;
  vertical-align: bottom;
}

.upgrade-table-heading {
  font-size: 15px;
  text-transform: uppercase;
  color: #333;
}

.upgrade-payment-table-container {
  background: #fff;
  padding: 6px;
  max-height: 200px;
  overflow: auto;
  margin-bottom: 15px;
}

.table.upgrade-payment-table {
  background: #fff;
  margin: 0;
}
.table.upgrade-payment-table > thead {
  background: #F2F2F2;
  border: none;
}
.table.upgrade-payment-table > thead > tr {
  background: #F2F2F2;
  border: none;
  color: #333;
}
.table.upgrade-payment-table > thead > tr th {
  background: #F2F2F2;
  color: #333;
  font-weight: bold;
  font-size: 12px;
  border: none;
  text-transform: uppercase;
}
.table.upgrade-payment-table > tbody > tr > td, .table.upgrade-payment-table > tbody > tr > th {
  font-size: 12px;
  border: none;
  border-bottom: 1px solid #eaeaea;
  padding: 6px 10px;
}
.table.upgrade-payment-table > tbody > tr > td a, .table.upgrade-payment-table > tbody > tr > th a {
  color: #40C381;
}

.plan-upgrade-form {
  width: 100%;
  max-width: none;
  padding: 0;
  margin-bottom: 15px;
}

.table.upgrade-bill-table {
  margin: 0 0 15px;
  border: none;
  max-width: 300px;
  background: #1D2937;
}
.table.upgrade-bill-table > thead {
  background: #1D2937;
  color: #fff;
}
.table.upgrade-bill-table > thead > tr > th {
  background: #1D2937;
  color: #fff;
  font-weight: bold;
  border: none;
  border-bottom: 1px solid #707982;
}
.table.upgrade-bill-table > tbody > tr > td {
  color: #fff;
  background: #1D2937;
  border: none;
}
.table.upgrade-bill-table > tbody > tr > td.amount {
  text-align: right;
}
.table.upgrade-bill-table > tfoot > tr > th {
  background: #151F29;
  color: #fff;
  border: none;
}
.table.upgrade-bill-table > tfoot > tr > th.amount {
  text-align: right;
}

.upgrade-pay-btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  padding-left: 50px !important;
  padding-top: 12px;
  height: 50px;
  font-style: italic;
}
.upgrade-pay-btn .fa {
  background: #FBB13D;
  color: #fff;
  display: inline-block;
  height: 32px;
  width: 32px;
  font-size: 15px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 9px;
  top: 9px;
  padding-top: 7px;
}

.plans-grid {
  background: #1D2B39;
  color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 30px 0 30px;
  max-width: 991px;
}
.plans-grid .plan {
  display: block;
  width: 33.333333%;
  float: left;
  padding: 15px;
}
.plans-grid .plan .wrapper {
  padding: 15px;
  background: #fff;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  min-height: 270px;
  max-height: 270px;
  overflow: auto;
}
.plans-grid .plan .wrapper .plan-name {
  font-size: 18px;
  color: #333;
  margin: 0 0 15px;
  font-weight: bold;
}
.plans-grid .plan .wrapper .price {
  margin: 15px 0 30px;
  color: #40C381;
  font-size: 21px;
  display: inline-block;
  padding: 0 15px;
}
.plans-grid .plan .wrapper .price small {
  display: block;
  font-size: 15px;
}
.plans-grid .plan .wrapper p {
  color: #4A4A4A;
  font-weight: bold;
}
@media (max-width: 991px) {
  .plans-grid .plan {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .plans-grid .plan {
    width: 100%;
  }
}

.data-section.pricing-section {
  padding-top: 90px;
}

.btc-mail-section {
  padding: 90px 0 30px;
  text-align: center;
}
.btc-mail-section .btn {
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px;
  border-radius: 3px !important;
}
.btc-mail-section label {
  font-family: "Roboto Slab", serif;
  color: #fff;
  margin: 0 0 9px;
}
.btc-mail-section .form-control {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: none;
  border-color: #2C3D4D;
  font-family: "Roboto Slab", serif;
}
.btc-mail-section .btn-btc-mail-dark {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  background: #121D26;
  border: 1px solid #29323B;
  color: #fff;
}
.btc-mail-section .input-group {
  background: #121D26;
  border: 1px solid #29323B;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px;
  color: #fff;
  margin: 15px auto 15px;
  max-width: 480px;
}
.btc-mail-section .input-group .form-control {
  border: none !important;
  outline: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #fff;
}
.btc-mail-section .input-group .form-control:active, .btc-mail-section .input-group .form-control:focus, .btc-mail-section .input-group .form-control:hover {
  outline: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btc-mail-section .btc-mail-progress-indicators {
  display: block;
  margin: 30px auto;
  width: 100%;
  max-width: 300px;
}
.btc-mail-section .btc-mail-progress-indicators .indicator {
  display: inline-block;
  float: left;
  width: 33.333333%;
  height: 1px;
  background: #293543;
  border-left: 3px solid #132231;
  border-right: 3px solid #132231;
}
.btc-mail-section .btc-mail-progress-indicators .indicator.active {
  background: #01BC78;
}

.btc-mail-login-form {
  text-align: left;
  padding: 15px 0 0;
  display: block;
  margin: 0 auto;
  max-width: 480px;
}
.btc-mail-login-form .form-group label {
  font-family: "Roboto Slab", serif;
  color: #fff;
  margin: 0 0 9px;
}
.btc-mail-login-form .form-group .form-control {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: none;
  border-color: #2C3D4D;
  font-family: "Roboto Slab", serif;
}
.btc-mail-login-form .form-group .btn-brand {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 9px 0;
  font-weight: bold;
}

.btc-mail-seperator {
  background: #0e1a25 none repeat scroll 0% 0%;
  box-shadow: 0px 2px 0px #142b40;
  display: block;
  height: 1px;
  margin: 15px auto;
  width: 90%;
}

.btc-mail-highlights {
  display: block;
  margin: 0 auto 15px;
  width: 100%;
  text-align: center;
}
.btc-mail-highlights .highlight {
  display: block;
  float: left;
  padding: 15px;
  width: 33.333333%;
}
.btc-mail-highlights .highlight h2 {
  color: #fff;
  font-family: "Roboto Slab", serif;
  margin: 0;
  font-size: 21px;
}
.btc-mail-highlights .highlight h2:before, .btc-mail-highlights .highlight h2::before {
  content: '//';
  display: inline-block;
  color: #00C57C;
  font-weight: bold;
  margin-right: 6px;
}
@media (max-width: 767px) {
  .btc-mail-highlights .highlight {
    width: 100%;
    margin: 0 0 9px;
  }
}

.btc-mail-gray-text {
  color: #989CA0;
  margin: 0 0 6px;
}

.btc-mail-recieved h3 {
  text-align: left;
  font-size: 14px;
  color: #fff;
  display: block;
  width: 150px;
  margin: 45px auto 0;
}
.btc-mail-recieved h3 .heading {
  display: block;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.btc-mail-recieved h3 .btc-mail-amount {
  font-size: 27px;
  display: block;
  margin-bottom: 6px;
}
.btc-mail-recieved h3 a {
  color: #40C381;
  text-decoration: underline;
}

.btc-mail-qr {
  display: block;
  margin: 15px auto;
  width: 132px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.btc-mail-redeeem-box {
  display: block;
  padding: 15px;
  margin: 30px auto;
  width: 100%;
  max-width: 480px;
  background: #132231;
  color: #fff;
  border: 1px solid #2A3845;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.btc-mail-redeeem-box h1 {
  font-size: 14px;
  color: #40C381;
  margin: 9px 0 30px;
  text-transform: uppercase;
  font-weight: bold;
}
.btc-mail-redeeem-box p {
  color: #fff;
  margin: 0 0 6px;
}
.btc-mail-redeeem-box .address {
  font-size: 15px;
  font-weight: bold;
}

.btc-mail-redeem-form label {
  font-size: 15px;
  color: #9B9CA0;
  font-family: "Roboto", sans-serif;
  margin: 0 0 15px !important;
  text-align: center !important;
}
.btc-mail-redeem-form #btc-mail-redeem-code {
  text-align: center;
  font-family: "Roboto", sans-serif;
  display: block;
  margin: 0 auto;
  max-width: 240px;
  color: #fff;
  padding: 20px;
  /*comment this out to see effect of padding */
  font-size: 16px;
  height: 60px;
}
.btc-mail-redeem-form #btc-mail-redeem-code.error {
  border: 1px solid #CA0000;
}
.btc-mail-redeem-form #btc-mail-redeem-code.success {
  border: 1px solid #00C97E;
}
.btc-mail-redeem-form .help-block {
  color: #fff;
  font-size: 12px;
  font-style: italic;
}

.btc-mail-qr-text {
  font-size: 14px;
  color: #9EA2A6;
  margin-top: 25%;
}
@media (max-width: 767px) {
  .btc-mail-qr-text {
    margin: 0 0 9px;
  }
}

.btc-mail-sent-icon {
  margin: 0 0 15px;
}

.btc-mail-details {
  padding: 15px;
  color: #fff;
}
.btc-mail-details p {
  color: #fff;
  font-size: 14px;
}
.btc-mail-details .email {
  font-size: 24px;
  display: block;
  color: #40C381;
  text-decoration: none;
  margin: -6px 0 15px;
}
.btc-mail-details small {
  color: #959799;
  font-size: 14px;
}
.btc-mail-details small a {
  color: #40C381;
  text-decorartion: none;
}

.seperator-button {
  border-top: 1px solid #213140;
  margin: 45px 0 0;
}
.seperator-button .btn {
  margin-top: -15px;
  font-weight: bold;
}

.iconed-hero.bigger {
  margin-bottom: 0px;
}

.know-more.not-absolute {
  padding: 0;
}
.know-more.not-absolute .hero-text {
  display: block;
  width: 100%;
  float: none;
  text-align: center;
  word-spacing: 6px;
  color: #FBB13D;
  font-size: 28px;
}
.know-more.not-absolute .hero-text .fa-lock {
  color: #40c381;
  margin-right: 8px;
}
.know-more.not-absolute .hero-text .highlight {
  color: #FBB13D;
  word-spacing: initial;
  color: #fff;
  font-size: 18px;
  display: block;
}
.know-more.not-absolute .launch-timer {
  margin: 21px 0 30px;
  color: #fff;
  font-size: 15px;
}
.know-more.not-absolute .launch-timer .timer {
  font-family: "Roboto", sans-serif;
  background: #213140;
  color: #40C381;
  display: inline-block;
  padding: 9px 15px;
  margin: 15px 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.discount-code-box {
  padding: 15px;
  margin: 0 0 45px;
  text-align: center;
}

.btn-discount {
  color: #fff;
  background: #3b5998;
  border-color: #3b5998;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 9px 0 3px;
  padding: 15px 30px 12px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.btn-discount .fa {
  display: inline-block;
  margin-right: 3px;
}

section.lead {
  padding: 120px 0 30px;
}
@media (max-width: 767px) {
  section.lead {
    padding-top: 120px;
  }
}

.search-lead-section .col-sm-6 {
  text-align: center;
}
.search-lead-section .col-sm-6:first-child {
  border-right: 1px solid #404B58;
}
.search-lead-section .col-sm-6 h2 {
  font-family: "Roboto", sans-serif;
  color: #FFFFFF;
  font-size: 18px;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.search-lead-section .col-sm-6 p {
  font-size: 14px;
  color: #C4CACA;
  font-weight: normal;
  display: block;
  margin: 0 auto 15px;
  max-width: 360px;
}
.search-lead-section .col-sm-6 p.subtext {
  font-size: 14px;
  color: #878B93;
  max-width: 200px;
}

.video-section .youtube-video {
  display: block;
  margin: 15px auto;
  width: 100%;
  max-width: 640px;
  border: 1px solid #404B58;
}

.search-icon-section {
  padding: 30px 0;
}
.search-icon-section .iconed-card {
  text-align: center;
  padding: 15px;
}
.search-icon-section .iconed-card img {
  width: 75px;
  margin: 0 auto 15px;
}
.search-icon-section .iconed-card h2 {
  font-weight: 300;
  color: #40C381;
  font-size: 24px;
  margin: 0 auto;
  max-width: 200px;
  line-height: 1.2;
}

.ad {
  padding: 30px 0;
}
.ad .well {
  background: #111F2C;
  color: #fff;
  text-align: center;
  border: 1px dashed #40C381;
}
.ad .well h1, .ad .well h2, .ad .well h3, .ad .well h4, .ad .well h5, .ad .well h6 {
  color: #40C381;
  font-family: "Roboto Slab", serif;
}

.paymentButton-tabs {
  margin: 30px 0 15px;
  border: none;
}
.paymentButton-tabs > li {
  display: block;
  float: none;
  width: 100%;
  background: none !important;
  color: #fff;
  padding: 0 !important;
  border: none !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 6px;
}
.paymentButton-tabs > li > a {
  background: none !important;
  border: none !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #fff;
  padding: 6px 0px;
  text-align: center;
  text-transform: uppercase;
}
.paymentButton-tabs > li.active {
  color: #40C381 !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: none !important;
  border: none !important;
}
.paymentButton-tabs > li.active > a {
  background: #0e1a25 !important;
  border: none !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  color: #40C381 !important;
}

.payment-button-tab-content {
  background: #0e1a25;
  padding: 15px;
  margin-left: -32px;
}

.paymentButtons-docks {
  border-bottom: 1px solid #4E5761;
}
.paymentButtons-docks > li {
  background: #213140;
  border: 2px solid #4E5761;
  border-bottom: none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  padding: 0;
  margin: 0 !important;
  margin-right: 2px !important;
  position: relative;
  padding-right: 30px;
}
@media (max-width: 399px) {
  .paymentButtons-docks > li {
    float: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #4E5761 !important;
    margin: 0 0 6px !important;
  }
}
.paymentButtons-docks > li > a {
  background: none !important;
  border: none !important;
  color: #fff !important;
  display: block;
  padding: 3px 12px;
  padding-right: 0px;
}
.paymentButtons-docks > li > .deletePayBtn {
  display: inline-block;
  width: 29px;
  background: none !important;
  padding: 0;
  float: right;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: 0;
  right: 0;
}
.paymentButtons-docks > li > .deletePayBtn:after {
  content: ' ';
  display: block;
  width: 9px;
  height: 2px;
  margin: 12px auto 0px;
  background: #E80000 !important;
  margin-bottom: 4px;
}
.paymentButtons-docks > li > .deletePayBtn:after:hover {
  cusor: pointer;
}
.paymentButtons-docks > li > .deletePayBtn:hover {
  cursor: pointer !important;
}
.paymentButtons-docks > li.createPayBtn-wrapper {
  padding: 0px !important;
  background: #111a22;
}
.paymentButtons-docks > li.createPayBtn-wrapper > a {
  padding: 0;
  font-size: 12px;
  margin: 0;
  padding: 4px 12px;
  text-align: center;
}
.paymentButtons-docks > li > .createPayBtn {
  display: inline-block;
  color: #fff;
  padding: 0 9px !important;
}
.paymentButtons-docks > li > .createPayBtn .glyphicon {
  font-size: 12px;
}
.paymentButtons-docks > li > .createPayBtn:hover {
  cursor: pointer;
}
.paymentButtons-docks > li.active {
  background: #40C381;
  border: 1px solid #40C381;
}

.payment-button-panes .tab-pane {
  padding: 30px 15px;
}
.payment-button-panes .tab-pane .form-horizontal .form-group .form-control {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4E5761;
  background: #263344;
  color: #fff;
}
.payment-button-panes .tab-pane .form-horizontal .form-group label {
  font-family: "Roboto Slab", serif;
}
.payment-button-panes .tab-pane .form-horizontal .form-group .help-block {
  font-size: 11px;
}
.payment-button-panes .tab-pane .form-horizontal .form-group textarea {
  width: 100%;
  max-width: 100%;
  min-height: 100px;
}
.payment-button-panes .tab-pane .form-horizontal .form-group .input-group .form-control {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none !important;
}
.payment-button-panes .tab-pane .form-horizontal .form-group .input-group .input-group-btn {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #304150 !important;
  color: #fff !important;
  border-left: none !important;
}
.payment-button-panes .tab-pane .form-horizontal .form-group .input-group .input-group-btn .btn {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #304150 !important;
  color: #fff !important;
  border-left: none !important;
  font-family: "Roboto Slab", serif;
  margin: 0;
}
.payment-button-panes .tab-pane .form-horizontal .form-group input[type=radio] {
  float: none;
  margin-bottom: 15px;
}
.payment-button-panes .tab-pane .form-horizontal .form-group input[type="radio"], .payment-button-panes .tab-pane .form-horizontal .form-group input[type="checkbox"] {
  margin: 0;
  margin-right: 6px;
  height: 22px;
  width: 12px;
}
.payment-button-panes .tab-pane .btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 6px;
  margin-bottom: 6px;
  font-weight: bold;
}
.payment-button-panes .tab-pane .btn.btn-default {
  background: #3E4C5D;
  border-color: #3E4C5D;
  color: #fff;
}
.payment-button-panes .tab-pane .paybtn-well {
  margin: 15px 0;
  background: #111F2C;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 15px;
}
.payment-button-panes .tab-pane .paybtn-well .button-area {
  min-height: 75px;
  border: 1px solid #263344;
  margin: 9px 0 15px;
  @incldue border-radius(3px);
  text-align: center;
  padding: 15px;
}
.payment-button-panes .tab-pane .paybtn-well .help-text {
  font-size: 13px;
  margin: 0 0 30px;
}
.payment-button-panes .tab-pane .paybtn-well .help-text strong {
  font-weight: normal;
  display: block;
  margin: 0 0 9px;
}
.payment-button-panes .tab-pane .paybtn-well em {
  color: #FBB13D;
  font-style: normal;
}
.payment-button-panes .tab-pane .paybtn-well textarea {
  font-size: 13px;
}
.payment-button-panes .tab-pane .paybtn-well h3 {
  font-family: "Roboto Slab", serif;
  color: #40C381;
  font-size: 14px;
  margin: 0 0 15px;
  line-height: 1.5;
}
.payment-button-panes .tab-pane .paybtn-well p {
  font-size: 14px;
}
.payment-button-panes .tab-pane .paybtn-well pre {
  background: #213140;
  border: none;
  padding: 6px 15px;
  margin: 0 0 15px;
  font-size: 15px;
}
.payment-button-panes .tab-pane .paybtn-well .form-horizontal .form-group label {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin: 0 0 9px;
  line-height: 1.5;
}

.table-responsive.orders-table {
  border: 1px solid #3E4752;
  margin: 0 0 15px;
}

table.orders-table {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  background: #263344;
  margin: 0;
}
@media (max-width: 767px) {
  table.orders-table {
    border: 1px solid #3E4752;
  }
}
table.orders-table > thead {
  background: #202D38;
  color: #777C84;
  font-family: "Roboto Slab", serif;
}
table.orders-table > thead > tr {
  border-bottom: 1px solid #3E4752;
}
table.orders-table > thead > tr > th {
  background: #202D38;
  color: #888888;
  border: none;
  font-family: "Roboto Slab", serif;
}
table.orders-table > tbody {
  background: #263344;
}
table.orders-table > tbody > tr {
  background: #263344;
  border-bottom: 1px solid #3E4752;
}
table.orders-table > tbody > tr > td {
  background: #263344 !important;
  border: none;
  vertical-align: top;
  color: #EBECEB;
  font-size: 12px;
  padding: 15px 10px;
}
table.orders-table > tbody > tr > td.customer-info, table.orders-table > tbody > tr > td.status {
  white-space: initial;
}
table.orders-table > tbody > tr > td .customer-row {
  position: relative;
  padding-left: 24px;
  margin: 0 0 6px;
}
table.orders-table > tbody > tr > td .customer-row .glyphicon, table.orders-table > tbody > tr > td .customer-row .fa {
  color: #656B75;
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 13px;
  top: 3px;
}
table.orders-table > tbody > tr > td.error {
  color: #ff2938;
}
table.orders-table > tbody > tr > td.success {
  background: none;
  color: #40C381;
}
table.orders-table > tbody > tr > td.warning {
  color: #FBB13D;
}
@media (max-width: 991px) {
  table.orders-table > thead {
    display: none;
  }
  table.orders-table > tbody > tr > td {
    display: inline-block;
  }
}

.merchant-footer {
  padding: 0 0 30px;
}
.merchant-footer h2 {
  color: #40C381;
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
  text-decoration: underline;
}
.merchant-footer ul {
  list-type-type: none;
  padding: 0;
  width: 100%;
  max-width: 270px;
  margin: 15px auto;
}
.merchant-footer ul li {
  display: block;
  margin: 0 0 15px;
  position: relative;
  padding-left: 30px;
  color: #40C381;
}
.merchant-footer ul li a {
  color: #40C381;
  text-decoration: none;
}
.merchant-footer ul li img, .merchant-footer ul li .fa, .merchant-footer ul li .glyphicon {
  position: absolute;
  left: 0;
  width: 21px;
  text-align: center;
  color: #8d959b;
  top: 3px;
  bottom: 0;
  margin: auto auto;
  left: 0;
}
.merchant-footer ul li img.big {
  top: -1px;
}

.payments-demo {
  color: #808080;
  font-size: 14px;
  padding: 90px 0 30px;
}
.payments-demo h1, .payments-demo h2, .payments-demo h3, .payments-demo h4, .payments-demo h5, .payments-demo h6 {
  font-family: "Roboto Slab", serif;
  color: #808080;
}
.payments-demo p {
  color: #808080;
  line-height: 1.5;
  margin-bottomm: 15px;
}
.payments-demo hr {
  border-color: #162a3b;
}
.payments-demo .product {
  display: block;
  width: 50%;
  padding: 15px 0;
  float: left;
}
@media (max-width: 599px) {
  .payments-demo .product {
    width: 100%;
  }
}
.payments-demo .product .product-image {
  width: 150px;
  height: 195px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 15px;
}
.payments-demo .product .product-details {
  display: inline-block;
  max-width: 240px;
  vertical-align: top;
}
.payments-demo .product .product-details .name {
  display: block;
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  color: #40C381;
  margin: 0 0 7px;
}
.payments-demo .product .product-details .product-desc {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 15px;
}
.payments-demo blockquote {
  font-size: 24px;
  font-family: "Roboto Slab", serif;
  border: none;
  padding: 15px 0 0;
  color: #808080;
  font-style: italic;
}
.payments-demo blockquote strong {
  font-weight: normal;
  font-style: italic;
}
.payments-demo .end {
  margin: 15px 0;
  font-size: 18px;
}
.payments-demo .end a {
  color: #40C381;
}

.pricing-prompt {
  text-align: left;
  color: #808080;
  font-size: 18px;
  padding: 15px 15px 0;
}
.pricing-prompt strong {
  font-weight: bold;
  text-decoration: underline;
}
.pricing-prompt a {
  color: #40C381;
}

section.upgrade h1, section.upgrade h2, section.upgrade h3 {
  font-family: "Roboto Slab", serif;
  color: #40C381;
}

.upgrade-instructions h4 {
  font-weight: bold;
  font-size: 15px;
}
.upgrade-instructions .qr {
  display: inline-block;
  float: left;
  width: 120px;
  max-width: 100%;
  margin: 0 0 15px;
  margin-right: 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.upgrade-instructions .qr .qrcode {
  width: 100%;
  border: 1px solid #ececec;
  padding: 6px;
  background: #fff;
}
.upgrade-instructions .btc-address {
  display: block;
  margin-top: 21px;
}
.upgrade-instructions .btc-amount {
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin: 3px 0 30px;
}
.upgrade-instructions .btc-amount .amount {
  color: #40C381;
  font-weight: bold;
}
.upgrade-instructions ol {
  padding-left: 15px;
}
.upgrade-instructions ol li {
  line-height: 1.5;
  margin: 0 0 15px;
}

.addon-btn {
  display: block;
  max-width: 240px;
  min-width: 240px;
  margin: 0 0 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.addonDetails {
  margin-top: -15px;
  background: #f4f4f4;
  min-width: 240px;
  max-width: 240px;
  margin-bottom: 15px;
}
.addonDetails .details {
  padding: 15px;
}
.addonDetails .details .btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-width: 60px;
  margin-right: 3px;
}

.instruction-trigger {
  font-family: "Roboto Slab", serif;
  color: #333;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 6px;
}
.instruction-trigger .caret {
  float: right;
  margin-top: 10px;
}
.instruction-trigger:hover {
  cursor: pointer;
}

#instructionBox ol {
  padding-top: 15px;
}

.pricing-section {
  color: #fff;
}
.pricing-section h1, .pricing-section h2, .pricing-section h3, .pricing-section h4, .pricing-section h5, .pricing-section h6 {
  font-family: "Roboto Slab", serif;
  color: #fff;
}
.pricing-section h1 {
  font-size: 27px;
}
.pricing-section h2 {
  font-size: 21px;
  color: #40C381;
}
.pricing-section h2 small {
  display: block;
  margin-top: 9px;
}
.pricing-section p {
  color: #fff;
}
.pricing-section .price-box {
  background: #213140;
  color: #999;
  padding: 21px 30px 15px;
  text-align: left;
  max-width: 360px;
  margin: 15px auto;
  min-height: 230px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px dashed #40C381;
}
.pricing-section .price-box * {
  color: #999;
}
.pricing-section .price-box h2 {
  color: #40C381;
  text-align: left;
  margin-top: 6px;
  margin-bottom: 21px;
}
.pricing-section .price-box h3 {
  font-size: 21px;
  margin: 0 0 21px;
  color: #dadada;
  text-align: left;
  font-family: "Roboto Slab", serif;
}
.pricing-section .price-box a {
  color: #40C381;
}
.pricing-section .price-box p, .pricing-section .price-box ul, .pricing-section .price-box li {
  color: #17233;
}
.pricing-section .price-box ul {
  padding-left: 0;
  list-style-type: none;
}
.pricing-section .price-box ul > li {
  font-size: 16px;
}
.pricing-section .btn-wide {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-width: 150px;
}
#recaptcha {
  z-index: 100;
  position: relative;
}
.pricing-or {
  display: block;
  position: absolute;
  left: 0;
  top: 20px;
  bottom: -10px;
  width: 2px;
  background: #CCDFF4;
}
.pricing-or .or {
  display: block;
  position: absolute;
  background: #111f2c;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  top: 0;
  bottom: 0;
  left: -15px;
  right: 0;
  padding-top: 4px;
  margin: auto auto;
}
@media (max-width: 767px) {
  .pricing-or {
    position: relative;
    top: initial;
    bottom: initial;
    height: 2px;
    width: 100%;
    margin: 36px 0 30px;
  }
  .pricing-or .or {
    margin: auto auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

@media (max-width: 991px) {
  .merchant-wizard .slider-arrows {
    position: relative;
    top: 170px;
  }
  .merchant-wizard .wallet-selector {
    margin-right: -15px;
  }
  #bitcoin-bg-icon {
    display: none;
  }
}

@media (max-width: 767px) {
  .merchant-wizard .slider-arrows {
    position: relative;
    top: -100px;
    width: 94%;
    margin-left: 3%;
  }
}

@media (max-width: 490px) {
  .merchant-wizard .slider-arrows i {
    font-size: 140%;
    color: black;
    background-color: white;
  }
}

section.free-text {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.bch-styling section.free-text {
  color: black;
}
section.free-text h1, section.free-text h2, section.free-text h3, section.free-text h4, section.free-text h5, section.free-text h6 {
  font-family: "Roboto Slab", serif;
  color: #40C381;
  margin: 30px 0px 30px;
}
.bch-styling section.free-text h1, section.free-text h2, section.free-text h3, section.free-text h4, section.free-text h5, section.free-text h6,
.bch-styling section.free-text a {
  color: #0ED39E;
  font-family: "Montserrat";
  font-weight: bold;
}
section.free-text p {
  margin: 0px 0px 15px;
  text-align: justify;
}
section.free-text a {
  color: #40C381;
}
section.free-text ul > li {
  margin-bottom: 9px;
}

.merchant-custom-action {
  color: #40C381;
  line-height: 1;
  padding: 0px;
  margin: 0px;
}

.merchant-custom-field {
  display: inline-block;
  width: auto;
  padding: 0px 6px;
  height: auto;
  margin: 0px;
}

a.lightbox img {
height: 300px;
border: 2px solid #10202d;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 20px 20px 2px 20px;
}

#infographic {
  display : table;
  margin : auto;
}

#caption {
  margin-left:22px;
}

.ico {
  color: white;
  text-align: center;
  margin-top: 4em;
  margin-bottom: 2em;
}

.ico-section {
  text-align: center;
}

.ico-section h1, .ico-section h2 {
  color: white;
}

.ico-div {
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
  width: 80%;
  display: block;
  margin: 0 auto;
  padding-bottom: 1em;
}

.info-text {
  font-size: 0.9em;
  color: #dadada;
}

.bch-styling .info-text {
  color: #555;
}

.logs-info-link {
  font-size: 0.9em;
  color: white;
  color: #dadada;
}

.bch-styling .logs-info-link {
  color: #555;
}

.logs-info-link:not(:last-child):after {
  content: '|';
  margin-left: 5px;
  margin-right: 5px;
}

@media (min-width: 767px) {
  #itemAddr {
    margin-top: 2.5em;
  }
}

.payment-forwarding-text-sec {
  padding: 45px 0;
  color: #fff;
}
.payment-forwarding-text-sec .merchant-intro-icon {
  width: 108px;
  margin: 30px 0 30px;
}
.payment-forwarding-text-sec h1, .payment-forwarding-text-sec h2, .payment-forwarding-text-sec h3, .payment-forwarding-text-sec h4, .payment-forwarding-text-sec h5 {
  font-family: "Roboto Slab", serif;
  color: #40C381;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
}
.payment-forwarding-text-sec h1 small, .payment-forwarding-text-sec h2 small, .payment-forwarding-text-sec h3 small, .payment-forwarding-text-sec h4 small, .payment-forwarding-text-sec h5 small {
  font-size: 75%;
  color: #40C381;
}
.payment-forwarding-text-sec h1.orange, .payment-forwarding-text-sec h2.orange, .payment-forwarding-text-sec h3.orange, .payment-forwarding-text-sec h4.orange, .payment-forwarding-text-sec h5.orange {
  color: #FBB13D;
}
.payment-forwarding-text-sec h1 .orange, .payment-forwarding-text-sec h2 .orange, .payment-forwarding-text-sec h3 .orange, .payment-forwarding-text-sec h4 .orange, .payment-forwarding-text-sec h5 .orange {
  color: #FBB13D;
}

#loginPlaceholder {
  float: right;
  margin-top: 10px;
  min-width: 55px;
}

body.main-page {
  font-family: 'Montserrat', sans-serif;
}

button, 
h4, 
#how-to p, 
.news-item p {
  font-family: 'IBM Plex Mono', monospace;
}

.choose-visible-xs {
  display: none;
}

.main-page hr {
  width: 60vw;
  position: absolute;
  left: -1px;
  border-top: 1px solid #343d5e;
}

.bch-styling.main-page .red hr {
  border-top: 1px solid #FF6029;  
}

.bch-styling.main-page .green hr {
  border-top: 1px solid #0ED39E;
}

.bch-styling.main-page hr {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  left: 0;
  right: 0;
}

.main-page h1, .main-page h2 {
  color: white;
  font-size: 40px;
}

.bch-styling.main-page h1, .bch-styling.main-page h2, .bch-styling.main-page h3 {
  color: black;
}

.main-page h3 {
  color: white;
  font-size: 24px;
  border-bottom-style: solid;
  border-bottom-color: #3222ff;
  border-bottom-width: 8px;
  padding-bottom: 8px;
  top: -19px;
  position: relative;
  float: left;
}

.main-page-margin {
  margin-left: 50px;
  margin-right: 50px;
}

.main-page .main-search.instant-search-section {
  min-height: 0;
  margin-top: -200px;
  background: none;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.main-page footer.new-footer {
  bottom: -140px;
}

#header-and-search {
  margin-top: 100px;
  background-image: url(../img/magnifying-bg-crop.png), linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, rgba(255,255,255,0) 100%);
  background-repeat: no-repeat;
  padding: 50px;
  border-radius: 30px;
  min-height: 600px;
}

#bch-bg {
  width: 90vw;
  position: absolute;
  background-color: #f2f5f8;
  z-index: -1;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 30px;
}

.bch-styling #header-and-search {
  background-image: none;
  color: black;
  min-height: 480px;
}

.bch-styling .main-search {
  background: none;
}

#header-and-search h1, #header-and-search h2 {
  float: left;
  max-width: 470px;
}

#header-and-search h1 {
  border-right-style: solid;
  border-right-width: 6px;
}

#header-and-search h2 { 
  margin-left: 50px;
}

.clear {
  clear: both;
}

#header-and-search input {
  padding: 20px;
  font-size: 20px;
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 60%;
  margin-top: 30px;
  background: white;
}

.bch-styling #header-and-search input {
  border: 1px solid #0ED39E;
}

#search-box-wrapper {
  left: -20px;
  position: relative;
}

#search-box-wrapper span {
  background-color: white;
  left: 23px;
  top: 4px;
  padding: 24px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  font-size: 21px;
}

#search-box-wrapper span {
  border-left: 1px solid #0ED39E;
  border-top: 1px solid #0ED39E;
  border-bottom: 1px solid #0ED39E;
}


#how-to, #services, #news-and-pub {
  position: relative;
  top: -200px;
  border-style: solid;
  border-width: 1px;
  border-color: #343d5e;
}

.bch-styling #how-to, .bch-styling #services, .bch-styling #news-and-pub {
  border-color: #E5E5E5;
}

#how-to {
  float: left;
  left: -20px;
  padding-left: 60px;
  padding-right: 50px;
  margin-right: 0;
  width: 60vw;
  min-height: 1035px;
}

.bch-styling #how-to {
  min-height: 600px;
}

#selector-wrapper {
  margin-top: 40px;
}

#how-to h3 {
  float: left;
  border-bottom-style: solid;
  border-bottom-color: #3222ff;
  border-bottom-width: 8px;
  padding-bottom: 8px;
  top: -19px;
  position: relative;
  margin-right: 44px;
}

.bch-styling #how-to h3, .bch-styling #news-and-pub h3{
  border-bottom-style: solid;
  border-bottom-color: #0ED39E;
  border-bottom-width: 1px;
  top: -15px;
}

#how-to button {
  background: none;
  border-color: #3222ff;
  border-style: solid;
  color: white;
  border-radius: 5px;
  padding: 10px;
  font-weight: bold;
  border-width: 2px;
  min-width: 130px;
  margin-left: 19px;
  font-size: 12px;
}

#how-to button.active {
  background-color: #3222ff;
  box-shadow: 0px 0px 10px #3222ff;
}

.bch-styling #how-to button {
  background-color: #0ED39E;
  border: none;
}

.bch-styling #how-to button.active {
  background-color: #0ED39E;
  box-shadow: 0px 0px 10px #0ED39E;
  border: none;
}

#how-to video {
  max-width: 600px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#how-to p {
  max-width: 560px;
  color: white;
  margin-top: 30px;
  padding-left: 10px;
  border-left-style: solid;
  border-left-color: #3222ff;
  border-left-width: 6px;
  margin-bottom: 30px;
}

.bch-styling #how-to p {
  color: black;
  border-left-color: #0ED39E;
  border-left-width: 1px;
}

#services {
  float: left;
  left: -21px;
  padding-left: 30px;
  padding-right: 37px;
  width: 35vw;
  min-height: 1049px;
}

.bch-styling #services {
  min-height: 630px;
}

#services h3 {
  margin-top: 60px;
}

.bch-styling #services h3 {
  margin-top: 60px;
  border-bottom-color: #0ED39E;
  border-bottom-width: 2px;
}

.service {
  background-color: #080f16;
  color: white;
  border-radius: 8px;
  padding: 4px;
  max-width: 350px;
  min-height: 165px;
  margin-bottom: 50px;
  position: relative;
  transition: all 0.333s ease-out 0s;
}

.bch-styling .service {
  background-color: white;
  color: black;
}

.service:hover {
  transform: translate3d(0px, -2px, 0px);
  box-shadow: rgba(0, 0, 0, 0.70) 0px 19px 43px, rgba(0, 0, 0, 0.65) 0px 4px 11px;
}

.service .text-wrapper {
  float: left;
  text-align: left;
}

.service h4 {
  color: white;
  border-bottom-style: solid;
  border-bottom-color: #140aff;
  border-bottom-width: 4px;
  margin-top: 25px;
  margin-left: 20px;
  font-size: 14px;
}

.bch-styling .service h4 {
  color: black;
  border: none;
}

.service h4.new {
  border-bottom-color: #ff3333;
}

.service img {
  max-width: 160px;
  float: right;
}

.service p {
  margin-left: 20px;
  max-width: 110px;
  font-size: 13px;
}

#why-choose {
  margin-top: 90px;
  min-height: 292px;
}

#why-choose img {
  margin: 0;
}

#why-choose .img-and-text {
  display: inline-grid;
  margin-right: 25px;
  text-align: center;
  margin-bottom: 17px;
}

#why-choose .img-and-text p {
  border: none;
  max-width: 120px;
  padding-left: 0;
  margin-top: 20px;
}

.img-sphere {
  background-color: #080f16;
  padding: 25px;
  border-radius: 60px;
  max-width: 110px;
}

#news-and-pub {
  float: left;
  left: -20px;
  margin-top: -1px;
  padding-left: 60px;
  padding-right: 50px;
  margin-right: 0;
  width: 94.9vw;
}

#news-and-pub h3 {
  margin-top: 50px;
}

#news-and-pub a {
  text-decoration: none;
}

.news-item {
  display: inline-block;
  background-color: #080f16;
  max-width: 320px;
  border-radius: 10px;
  padding: 20px;
  margin-right: 45px;
  margin-bottom: 40px;
  min-height: 230px;
}

.bch-styling .news-item {
  background-color: white;
}

.news-item p {
  color: white;
  font-size: 12px;
}

.bch-styling .news-item p, .bch-styling .news-item h4,
.bch-styling .news-item span {
  color: black;
}

.bch-styling .news-item h4 {
  border-bottom-color: #EAEAEA;
  border-bottom-width: 1px;
  padding-bottom: 10px;
  min-height: 50px;
}

.news-item h4 {
  float: left;
  color: white;
  border-bottom-style: solid;
  border-bottom-color: #140aff;
  border-bottom-width: 4px;
  font-size: 16px;
}

.news-item button {
  background: none;
  border-color: #3222ff;
  border-style: solid;
  color: white;
  border-radius: 16px;
  padding: 6px;
  padding-right: 14px;
  padding-left: 14px;
  font-weight: bold;
  border-width: 2px;
  font-size: 12px;
}

.news-item span {
  float: right;
  color: white;
  font-size: 12px;
  margin-top: 8px;
}

.news-item.last {
  max-width: 280px;
  margin-right: 0;
  position: relative;
}

.news-item.last:after {
  position: absolute;
  margin-left: -17px;
  bottom: 0;
  height: 300px;
  width: 360px;
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(17,31,44,1) 85%);
  pointer-events: none; /* so the text is still selectable */
}

.bch-styling .news-item.last::after {
  background: none;
}

#statistics, #statistics-bcash {
  margin-left: 30px;
  top: -140px;
  position: relative;
}

.statistic {
  display: inline-block;
  background-color: #081118;
  min-width: 361px;
  border-radius: 10px;
  padding: 20px;
  margin-right: 23px;
  margin-bottom: 40px;
}

.statistic:nth-child(1) {
  background-image: url(../img/globe-icon.png);
  background-repeat: no-repeat;
  background-position-x: 60px;
  background-position-y: -40px;
}

.statistic:nth-child(2) {
  background-image: url(../img/bitcoin-bg-icon.png);
  background-repeat: no-repeat;
  background-position-x: 20px;
  background-position-y: -110px;
}

.statistic:nth-child(3) {
  background-image: url(../img/handing-money-icon.png);
  background-repeat: no-repeat;
  background-position-x: 20px;
  background-position-y: -90px;
  margin-right: 0;
}

.statistic p {
  color: white;
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}

.statistic img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.statistic .large-font {
  font-size: 44px;
}

#statistics-bcash {
  text-align: center;
}

.statistic-bcash {
  display: inline-block;
  min-width: 361px;
  border-radius: 10px;
  padding: 20px;
  margin-right: 23px;
  margin-bottom: 40px;
}

.statistic-bcash p {
  color: black;
  font-size: 22px;
  margin: 0;
}

.statistic-bcash img {
  margin-top: 10px;
  margin-bottom: 10px;
}


#info-footer {
  background-color: black;
  margin-top: -140px;
  position: relative;
  min-height: 280px;
  margin-bottom: -135px;
}

#info-footer h2 {
  float: none;
  font-weight: bold;
  text-align: left;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.bch-styling #info-footer {
  min-height: 250px;
  background-image: url("../img/bcash_footer_bg.svg");
  background-color: #141F2B;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0px;
}

.bch-styling #info-footer h2 {
  color: white;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  max-width: 450px;
  margin-top: 58px;
  position: relative;
  top: -67px;
}

#info-footer-content-wrap {
  padding-top: 20px;
  text-align: center;
}

#whitepaper-text {
  border: none;
  background-color: #fab13e;
  padding: 12px;
  border-radius: 20px;
  position: relative;
  color: black;
  width: 220px;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
}

.bch-styling #whitepaper-text {
  background-color: #FF6029;
  color: white;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

.bch-styling footer.new-footer {
  background-color: white;
  font-weight: bold;
}

.bch-styling footer.new-footer ul li a {
  color: black;
}

.stats-section {
  min-height: 465px;
}

a#whitepaper {
  text-decoration: none;
  max-width: 220px;
}

.bch-styling a#whitepaper {
  position: relative;
  top: -67px;
}

#top-white-bar {
  font-family: "Roboto", sans-serif;
}

.bch-styling #top-white-bar {
  font-family: Montserrat;
  background: #F2F5F8;
}

html {
  background: white;
}

body.bch-styling.merchants {
  background: #F2F5F8;
  border-radius: 30px 30px 0px 0px;
  margin-left: 10vw;
  margin-right: 10vw;
  margin-top: 90px;
}

.bch-styling .merchants-text-sec h1 {
  font-weight: bold;
  font-size: 32px;
  color: #000000;
}


.bch-styling .merchants-text-sec h1 small {
  font-weight: normal;
  font-size: 32px;
  color: #000000;
  margin-top: 16px;
  display: block;
}

.bch-styling.merchants .get-started-container .btn {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  border: 1px solid #0ED39E;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
}

.bch-styling.merchants #main-content {
  padding-top: 0;
  padding: 20px 10px;
}

.bch-styling.merchants h2.sub-header {
  font-size: 24px;
  color: #000000;
  text-align: left;
  background: none;
  padding: 0;
  border-bottom: solid;
  max-width: max-content;
  padding-bottom: 22px;
  border-color: #0ED39E;
  text-decoration: none;
}

.bch-styling.merchants .merchants-text-sec .merchant-feature-grid .merchant-feature .wrapper h2 {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}

.bch-styling.merchants .merchants-text-sec .merchant-feature-grid .merchant-feature .wrapper p {
  font-family: IBM Plex Mono;
  font-size: 12px;
  color: #000000;
  line-height: 24px;
}

.bch-styling.merchants .merchants-text-sec .merchant-feature-grid .merchant-feature {
  text-align: left;
}

.bch-styling.merchants .integration {
  display: inline-block;
  height: 312px;
  background: #FDFDFD;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  text-align: center;
  margin-right: 30px;
  margin-top: 15px;
  position: relative;
  width: 100%;
  max-width: 255px;
}

.bch-styling.merchants .integration h3 {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  margin-top: 52px;
  margin-bottom: 45px;
}

.bch-styling.merchants .integration .integrations-arrow {
  border: 1px solid #0ED39E;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 12px;
  position: absolute;
  bottom: 20px;
  right: 10px;
}

.bch-styling .merchant-wizard h1 {
  font-weight: bold;
  font-size: 32px;
  color: #000000;
  font-family: Montserrat;
}

.bch-styling span.deep-green {
  color: #a7bd50;
}

.bch-styling .merchant-box-one,
.bch-styling .merchant-box-two,
.bch-styling .merchant-box-three {
  text-align: left;
  padding: 0;
}

.bch-styling .merchant-wizard .heading-two {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 20px;
  color: #000000;
}

.bch-styling .merchant-wizard {
  max-width: none;
  padding: 20px 10px;
}

.bch-styling .merchant-wizard .form-control.xpub {
  width: 100%;
  margin-left: 0;
  border: 1px solid #0ED39E;
  box-sizing: border-box;
  border-radius: 10px;
  height: 66px;
  background: #f2f5f8;
  margin-top: 24px;
  margin-bottom: 32px;
}

.bch-styling #xpub_form {
  position: relative;
}

.bch-styling #xpub_form a.btn.btn-brand.form-control-feedback {
  background: #0ED39E;
  border-radius: 10px;
  width: 114px;
  height: 40px;
  position: absolute;
  top: 66px;
  right: 13px;
  color: white;
}

.bch-styling #xpub_form #new-to-bitcoin {
  font-family: Montserrat;
  font-size: 12px;
  color: #d10c0c;
  text-align: right;
}

.bch-styling #xpub_form #new-to-bitcoin a.link {
  color: black;
  font-weight: normal;
}

.bch-styling .merchant-box-three {
  background: none;
}

.bch-styling .merchant-box-three {
  padding: 0;
}

.bch-styling .dropdown-div,
.bch-styling .merchant-wizard .heading-three,
.bch-styling .merchant-wizard .dropdown-div label {
  display: inline-block;
  font-family: Montserrat;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  top: 0;
}

.bch-styling .merchant-wizard .heading-three span.tittle.ng-binding {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #000000; 
  margin-bottom: 15px;
  display: block;
  margin-left: 42px;
}

.bch-styling .merchant-wizard .slider-arrows #right-arrow img,
.bch-styling .merchant-wizard .slider-arrows #left-arrow img {
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.bch-styling .merchant-wizard .dropdown-div select {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 10px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.bch-styling #xpub-instructions {
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  border-radius: 10px;
  padding-top: 54px;
  padding-bottom: 40px;
  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
}

.bch-styling .merchant-wizard .wallet-viewer {
  background: none;
  padding: 0;
  border-radius: 0;
}

.bch-styling .merchant-setting-tabs > li > a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  text-transform: none;
}

.bch-styling .merchant-setting-tabs > li.active > a {
  border-bottom-color: #A7BD50;
}

.bch-styling .merchant-setting-tabs {
  border-bottom: 1px solid #E1E1E1; 
}

.bch-styling .merchant-tab-content .tab-pane form .control-label {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  text-align: left;
}

.bch-styling .merchant-tab-content .tab-pane form input,
.bch-styling .merchant-tab-content .tab-pane form select {
  background: #FFFFFF;
  border-radius: 10px;
  border: none;
  max-width: 730px;
  margin-bottom: 32px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

.bch-styling .merchant-box-one i {
  color: black;
}

.bch-styling .xpub-caption-wrapper {
  text-align: center;
  margin-top: 42px;
}

.bch-styling .xpub-caption-wrapper .xpub-caption {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
}

.bch-styling .xpub-caption-wrapper .xpub-caption a {
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}

.bch-styling #submit-merchant {
  margin: auto;
  text-align: center;
  display: block;
  background: #0ED39E;
  border-radius: 10px;
  width: 212px;
  max-width: 100%;
  height: 40px;
  color: white;
  margin-top: 38px;
}

.bch-styling .merchant-box-two.info {
  background: white;
  margin-top: 32px;
  margin-bottom: 32px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.bch-styling .merchant-box-two.info li {
  font-family: Montserrat;
  color: black;
}

.bch-styling .label-wrap {
  max-width: 730px;
  width: 100%;
  margin: auto;
}

@media (max-width: 1550px) {

}

@media (max-width: 1200px) {
  .main-page hr {
    width: 59vw;
  }
  #how-to {
    width: 59vw;
    padding-left: 40px;
  }
  #news-and-pub {
    padding-left: 40px;
    width: 93.9vw;
  }
  #how-to video {
      max-width: 510px;
  }
  #how-to h3 {
    margin-right: 30px;
  }
  #how-to button {
    min-width: auto;
    margin-left: 2px;
  }
  #header-and-search h1, #header-and-search h2 {
    max-width: 370px;
  }
  .main-page h1, .main-page h2 {
    font-size: 35px;
  }
  #header-and-search {
    min-height: 540px;
  }
  .service img {
    max-width: 110px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .service {
    position: relative;
  }
  #why-choose .img-and-text p {
    max-width: 100px;
  }
  #why-choose img {
    max-width: 50px;
  }
  .img-sphere {
    max-width: 120px;
  }
  #why-choose .img-and-text {
    margin-right: 15px;
    margin-bottom: 14px;
  }
  .news-item.last {
    max-width: 270px;
  }
  .news-item.last:after {
    margin-left: -17px;
    width: 280px;
  }
  .news-item {    
    max-width: 278px;
    margin-right: 2px;
  }
  .bch-styling .news-item, .bch-styling .news-item.last {
    max-width: 277px;
  }
  .statistic {
    min-width: 300px;
    margin-right: 11px;
  }
  #why-choose {
    margin-top: 90px;
    min-height: 316px;
  }
  #services {
    min-height: 1005px;
  }
  #how-to {
    min-height: 1005px;
  }
  .main-page .main-search.instant-search-section {
    max-width: none;
  }
  #info-footer h2 {
    margin-bottom: 30px;
  }
  .news-item.last {
    top: -18px;
  }
}

@media (max-width: 991px) {
  #how-to {
    width: 94vw;
    padding-left: 0;
    text-align: center;
    float: none;
    left: 0;
    right: 0;
    margin: auto;
    padding-right: 0;
  }
  .main-page hr {
    width: 94vw;
  }
  .main-page h1, .main-page h2 {
    font-size: 33px;
  }
  #header-and-search h1, #header-and-search h2 {
    max-width: 320px;
  }
  #header-and-search h2 {
    margin-left: 20px;
  }
  #how-to h3 {
    margin-right: 30px;
    float: none;
    width: 100px;
    display: inline-grid;
    top: -5px;
  }
  #how-to p {
    max-width: 500px;
    margin-top: 30px;
    padding-left: 10px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  #why-choose h3 {
    width: 220px;
  }
  #why-choose {
    width: 94vw;
  }
  #services {
    float: none;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 94vw;
    text-align: center;
    top: -201px;
    margin: auto;
    min-height: 0;
  }
  #services h3 {
    float: none;
    width: 230px;
    margin: auto;
    margin-top: 50px;
  }
  .service {
    position: relative;
    margin: auto;
    margin-bottom: 20px;
  }
  #news-and-pub h3 {
    float: none;
    width: 240px;
    margin: auto;
    margin-top: 50px;
  }
  #news-and-pub {
    width: 94vw;
    margin: auto;
    left: 0;
    padding: 0;
    float: none;
    margin-top: -2px;
  }
  .news-item {
    max-width: 400px;
    margin-right: 15px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
  }
  .news-item.last:after {
    background: none;
  }
  .news-item.last {
    max-width: 400px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .statistic {
    max-width: 400px;
    margin-right: 11px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
  }
  .statistic:nth-child(3) {
    margin: auto;
    margin-bottom: 20px;
  }
  #statistics {
    margin-left: 0;
  }
  #header-and-search h1, #header-and-search h2 {
    max-width: 410px;
    float: none;
    margin: auto;
    border-right: none;
  }
  #header-and-search h1 {
    border-bottom: solid;
    padding-bottom: 10px;
    border-bottom-width: 2px;
  }
  #header-and-search h2 {
    padding-top: 10px;
  }
  #header-and-search {
    min-height: 540px;
    text-align: center;
    margin: auto;
    margin-top: 70px;
  }
  #search-box-wrapper {
    left: -10px;
  }
  .main-search .table-responsive {
    width: auto;
  }
  .bch-styling a#whitepaper {
    top: -40px;
  }
  .bch-styling #info-footer h2 {
    top: -20px;
  }
}

@media (max-width: 600px) {
  #how-to video {
    max-width: 80vw;
    margin-top: -50px;
  }
  #how-to button {
    margin-left: auto;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    top: -60px;
    position: relative;
    min-width: 140px;
  }
  #selector-wrapper {
    margin-top: 0;
    text-align: left;
    padding-left: 10px;
  }
  #how-to h3 {
    top: -5px;
    width: 95px;
  }
  #why-choose h3 {
    width: 220px;
  }
  #why-choose .img-sphere img {
    margin: 0;
  }
  .choose-visible-xs {
    display: block;
  }
  #info-footer {
    margin-bottom: -115px;
  }
  .bch-styling .big-screen-table-cards.table-responsive .table.responsive-card td.dataValue {
    font-size: 24px;
  }
  .bch-styling .main-search .table tfoot tr td {
    font-size: 20px;
  }
  .bch-styling .generic-responsive-table-container .generic-responsive-table tbody tr td, 
  .bch-styling .generic-responsive-table-container .generic-responsive-table tfoot tr td {
    display: inline-block;
    width: 100%;
    white-space: break-spaces;
    line-break: anywhere;
  }
  .bch-styling .dashboard-section {
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .bch-styling .btc-value-box {
    padding-left: 0;
    margin-top: 10px;
    text-align: center;
  }
}

@media (max-width: 500px) {
  #info-footer {
    margin-bottom: -105px;
  }
  #header-and-search {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }
  #header-and-search h1, #header-and-search h2 {
    margin-left: 20px;
    max-width: none;
  }
  #header-and-search input {
    width: 80%;
  }
  #whitepaper-text {
    margin-bottom: 50px;
  }
  .bch-styling #xpub_form a.btn.btn-brand.form-control-feedback {
    position: initial;
    margin-bottom: 10px;
  }
  .bch-styling .merchant-wizard .form-control.xpub {
    margin-bottom: 10px;
  }
  .bch-styling #xpub_form #new-to-bitcoin {
    text-align: left;
  }
  .bch-styling .merchant-wizard h1 {
    font-size: 18px;
    word-wrap: break-word;
  }
}

@media (max-width: 380px) {
  #how-to {
    top: -120px;
  }
  #header-and-search input {
    width: 75%;
  }
  #why-choose h3 {
    top: -35px;
    width: 215px;
  }
  .img-sphere {
    max-width: 110px;
  }
  #services {
    top: -121px;
  }
  #news-and-pub {
    top: -120px;
  }
  #statistics {
    top: -100px;
  }
  #info-footer {
    margin-top: -100px;
  }
  .bch-styling .merchant-wizard .heading-three span.tittle.ng-binding {
    margin-left: 0px;
  }
}

@media (min-width: 1366px) {
  .main-page hr {
    width: 55vw;
  }
  .main-page-margin {
    margin-left: 100px;
    margin-right: 100px;
  }
  #services {
    width: 34vw;
  }
  #how-to {
    width: 55vw;
  }
  #news-and-pub {
    width: 88.9vw;
  }
  #statistics {
    margin-left: 77px;
  }
  .statistic {
    min-width: 27vw;
    margin-right: 54px;
  }
}

@media (min-width: 1550px) {
  .main-page-margin {
    margin-left: 150px;
    margin-right: 150px;
  }
  .main-page hr {
    width: 53vw;
  }
  #how-to {
    width: 53vw;
  }
  #services {
    width: 30.1vw;
  }
  #news-and-pub {
    width: 83vw;
  }
  #statistics {
    margin-left: 127px;
  }
  .news-item.last {
    max-width: 350px;
  }
  .news-item {
    max-width: 350px;
  }
  .statistic {
    min-width: 24vw;
  }
}

@media (min-width: 1700px) {
  .main-page-margin {
    margin-left: 220px;
    margin-right: 220px;
  }
  .main-page hr {
    width: 50vw;
  }
  #how-to {
    width: 50vw;
  }
  #services {
    width: 29vw;
    padding-left: 50px;
  }
  #news-and-pub {
    width: 78.9vw;
  }
  .news-item p {
    font-size: 13px;
    margin-bottom: 21px;
  }
  .news-item h4 {
    margin-bottom: 20px;
  }
  .news-item.last:after {
    width: 375px;
  }
  #statistics {
    margin-left: 197px;
  }
  .news-item {
    max-width: 380px;
  }
  .news-item.last {
    max-width: 370px;
  }
  .news-item.last::after {
    height: 230px;
  }
}
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #40C381;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #29d 1px 0 6px 1px;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;

  border:  solid 2px transparent;
  border-top-color:  #29d;
  border-left-color: #29d;
  border-radius: 10px;

  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation:    loading-bar-spinner 400ms linear infinite;
  -ms-animation:     loading-bar-spinner 400ms linear infinite;
  -o-animation:      loading-bar-spinner 400ms linear infinite;
  animation:         loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-loading {
  background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQVAAAAAFVVVWVlZW1tbXR0dH19fYODg4yMjJWVlZubm6Ojo6urq7Ozs7y8vMLCwszMzNXV1d3d3ePj4+vr6/T09P///////////////////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggR0lNUCBvbiBhIE1hYwAh+QQJCAAfACwAAAAAIAAgAAAF/uAnjmRJEEeprqxIGAXRzqKSJCQRy2MUSbRRwoZz7UaSySQSFA2HCuNJlIwsm85bUTf9/HzYms324cqsVmCLwSZpcYPYwCuRMJE/EpuxYIihLwYCExRpVFZXIwwNCwuMfgkLClEFBR9JFUx2E5t3imyNDX6TKnaXnD+JJWyMCw5+LRKZaGosfA2iM0kUpk19QXUtEMPEEJ40PsnJHxBLdc8TEMAUStUShc3KPtFBEbzPdYURxcVYdtp5K726xzM+1LXqSsGxaRGZurPO8nZVl/FUgNjzR6IKrUsVOF1iYqWCwIHHEIE5ZY8CL2+GFiqJmE7EF4Go6KxbSKPKFXsUJxWG+dELJZ2JTUyqcWmyXQuJPUJS2bgyYh2OAMN4sWhT6AofQVmEAAAh+QQJCAAfACwAAAAAIAAgAAAF/uAnjmSZJEqprqyYLErSziLDLOR5kkVx0CObbYTaiXqEArDWWDQYrpjscygklcvPYov7FKdWAiHLdEK/H4O1N4tAIiTbAoqQfsLjkSQiIb0lbzU3Ty8wSAUGInsTE3AjEICQgQsOT14yPQZjERETi46Pe39wQyVqHxKefI0rbqKsLRIVnI19LRAQqjOpFHtZuEAStq2cxXxZxsYfEb2Mzr3BFM6MEhScvcLZ1kDM2dp8yZzDNHvh4yS+5KDq0uclqZ7u6J17s7uznccqqXupcML7+tBbtQ5Vo3x9ZHlCBadTBYED04nodFBRI1UUejGjp4jiOnEkwAnUxUciQ3IXKhvq8reQTElHAyeWI8PSVkyD+ZAxAnXTIKwlnEIK+6iPTMiMBY2yALkkBAAh+QQJCAAfACwAAAAAIAAgAAAF/uAnjmS5LE2prqy4OM3SzmIEQeTCMPKYJD3aByKxjXQ8n+InFBGJEdeut1gum86I8YPs/ZjYT0Ty5E4/CmtiVoyOtJBo9/NdjwqFA2k8GTvJRSgNDAlqIgYEeAV7fRF9EkMURR9JaQtrB3gEmwQlEhNFn1FaKmkfmpt4K0WgERWQLQWIiYlsERSgMwaKBlgSsDMFAi1axVrANK3Go5ITzs6SQrfPzhIUWpK/2tfS2drWY8vHvuJ+q2625LjIKp+g7J6ORRXoq/SO5p6toh+/7ZDy+NTr1+hRvwq5Jjl6JSbgpDfOSBEMSEHSLXkiWPXZk09MKDGtPD7MOLBdn40BKCfmCjPmYUqPEpuIWvlyZkkWjjbWCJkxIst6LYF2DFOj4k2iKsY1CQEAIfkECQgAHwAsAAAAACAAIAAABf7gJ45kCUFRqa6sCE0T1M6iFKUjGskjwzS0UWRiy9l4nx9jEaxNhhLXUdRYLpuiiKT4gUyTSyb2I3kSu9Pfojqz4bK2qHeXXCwYJEVCQdI+ox9DUC9Pa2t4H3oKen1PglERFWcnSQ0OeAt7CZsJJWVxT2RvPXiam4wqNkSRgCwKmZp8LTYUZy2Lep1NW0GLLTfAN600BQMEx8iBFGUwMMtBBQYF09QGBBHLW9oUoyzRBcjH4G7BWlgCAuHHBixcbcNt2LbtMO4rqjYV3Z76j/erZVLw8gQJYCgSAf1JkBSlyJAKkKBoGTXEkROJFJZhg1KjIkVzQuIEWhVoyyh7/ysEjSwScF4TLVwkwrkxpiUgmWTM7GPhUQhJJwdfUjTZB+SYPhl3HlUhDEsIACH5BAkIAB8ALAAAAAAgACAAAAX+4CeOZBlFUqmurBhRVNTOonSSqE1CkEy7Ex1Q+EFFIL/aJBIc+lAQCTJZlAiZwh6PqsQWgzKodGbzuWwprKx3JDHeOMky9X2hYNJJdNpYNOAjTCdzRRVNN1F6H399CwwLJXJoSx9EgTIMfwt+DCs2YBV0LAwOm32dLTYUTS0NroA/Vj+wKie2J6I0CQgJvbsJRRRyE8QTwj8JCwrLy8kJL1bREjHIC76+CglltyhU2de9CiyWLAYFVKqsLAcF7eepahVmKwQGBAQF9Z5gcjKykSnw3cP3bkQ/QSkkGEoYxlgKc/nuFfyyxEc/MHjsUPpgrx0BHN0CofmiI8e8djQoLjbUcTHXD5NOztxAt4SVmi4bXxIzc1NJzpfzYF5yySUYtaJAibIIAQAh+QQJCAAfACwAAAAAIAAgAAAF/uAnjmQZRVKprqwYUVTUzqJ0kqiNo/QYTToXUFabTIg9yREoDCp/yF6O+Auibr3Rk1mVQZktW/Sa6n6mOMj4mTofYxKYJF51QeYQ3BFarnC9ExVedxFqeSRKNk8fQYgyhGoShyU2QxVtLC8Qd5szNhRgmXOFWYyYLVgrJ6snpzMLsLGwZxRKRka1PQwODL2+Dgsvc8N0PQsNvr4NC2KsPFkMsrEMLI0tCgmln6ErCwrYCp5dgjMKCwkJ4CuJKEemKgcFH9/o6dmIe0cpEn77MgUA5YGrd0/IniJdYEwYUIBAAQMiwGHbcYqMGx0NHZJAR2MLIB0GGj4s5WJUEyIEJlISILmljZkPIR3Ky/LD3ckRADWWSnXGJE4CEEmagBFFKKpnPUIAACH5BAkIAB8ALAAAAAAgACAAAAX+4CeOZBlFUqmurBhRVNTOonSSqI2j9BhNOhdQVptMiD3JESgMKn/IXo74C6JuvdGTWZVBmS1b9JrqfqYkW8r3XENjEpgkXq39jrgjtFzheicVMjZDeGlDTx9BaYKHhSWDNhVrLBKBezM2FGCUExSKNHNJkyonpSejMxCqq6pnnkawnlJAc3M/EC+1tTE9EHqmExBipjxZJ6yqUYs9DAtZiS+bKw3UDAyYXYEzDA4LCw0L1ypKanihJQsJH9bN3+JaekcplUwGBR8KCunrDODhzj6MYNkiQYABe/kS5BPRrEGzHaPIfBBQgMCADwkyqhvxENMSGQQqEsCnQKGCZy4sbIkISWAkRo0oCa4UKSJhyWd3kLB0ibHkRmNRdpLIeBJlCQL2eBqd0dLAsxAAIfkECQgAHwAsAAAAACAAIAAABf7gJ45kGUVSqa6sGFFU1M6idJKojaP0GE06F1BWm0yIPckRKAwqf8hejvgLom690ZNZlUGZLVv0mup+piRbyvdcQ2MSmCRerf2OuCO0XOF6JxUyNkN4aUNPH0FpgoeFJYM2FWssEoF7MzYUYJQTFIo0c0mTKielJ6MzpqZnnkaunkmarkAxL3O3dFKeuHRiqqhhqqeUUSwREFmJL44rU8WPXZKpFBAQEhDPiY0pBQcqDQxnNtjXj3p6HwQGBQYfCQkfDA0O4dXjx3lHawcFBP0KCxYkkLegQQMX1sr54DGinz93ChIg+BAwIIlqNNb5KwDxXbwGBcMlS0egpIgEES/hUWRgMVmBfi9PphTBgGVNlzBHoPRIE5zILCZHIHinkuaCnyN1LoiYNMs7BclCAAAh+QQJCAAfACwAAAAAIAAgAAAF/uAnjmQZRVKprqwYUVTUzqJ0kqiNo/QYTToXUFabTIg9yREoDCp/yF6O+Auibr3Rk1mVQZktW/Sa6n6mJFvK91xDYxKYJF6t/Y64I7Rc4XonFTI2Q3hpQ08fQWmCh4UlgzYVaywSgXszNhRglBMUijRzSZMqJ6UnozOmpmeeRq6eSZquQDEvc7d0Up64dGKqE1mJqqcsAwVJUTMGBcwGmEahLQfMBATLmJZHqCLU1QUEHwoKpH9qjtzfBN/OCgviHwsLZ4gnh1He6iLiCQoJDA0OFvyA4OROFAP5RiRIgCABPAYM5EE4AWERjX3vFkCUKIFgMhoLF4rQGFHERAgVKYPx4zfuYcl5HlX2czhy4wiCHYN9EDmCpLybE3WqWOCgwU+hNOIxCBYCACH5BAkIAB8ALAAAAAAgACAAAAX+4CeOZBlFUqmurBhRVNTOonSSqI2j9BhNOhdQVptMiD3JESgMKn/IXo74C6JuvdGTWZVBmS1b9JrqfqYkW8r3XENjEpgkXq39jrgjtFzheicVMjZDeGlDTx9BaYKHhSWDNhVrLBKBezMnFGCUExSKNJthkyoEpaYDAllnJ6w3BAYFsbIGBkmaRkZ0BAWmprBSnnPCMQa9pQMEqmKtPCsKCklRMwoJz9BhuaMqC9UJCQvXlJZH2iLd3tQfDAwqc2eN0ufU0AwODewQEO+Sq4dR6N5E3FvQYMEdCHTADHL0gVoCEusW4LOhD40WaSoaFLz3AWEEfVvKzVhAcoEIj/opzohRpW4ju44Ui9TJsm7dCJRajGBsQZIEhBMpXTRj6dNIUKIz8u1cEQIAIfkECQgAHwAsAAAAACAAIAAABf7gJ45kGUVSqa6sGFFU1M6idJKojaP0GE06F1BWm0yIPckRKAwqf8hejvgLom690ZNZlUGZrUOhgLOlup8pyUwqENwG4QsFk0hiYJsxOia8CwcfEhVcXhMVMnp6UR99fmOCjJGCQ08rBo6YM4MnRyktBn9xLUoUQT2QNHYtCQgJr68KWWkntTcJCwkKu7u5SRRGwXcRurCwvjQvdsvDCsavrrM2tiefKgwMSZIsDAsN35tGqy0NDA0LCw7ZpIhQ1iTY3eYLtCqrXZbw594L2cpehiqcwRelnzwXEiAkvGNqTp4fR+D1IwEhQsU0Q9LYiXKKBQqFEDDq2PKuR0WLTSKoTJv1AWTClEWqzFKIEmaRiDND+ti4oyTLNDC2/VRRbVYIACH5BAEIAB8ALAAAAAAgACAAAAX+4CeOZBlFUqmurBhRVNTO4lEUJCrJ45nSohsB55rsRpLJhAc0FIaG4vGTjCyBI4KWIOWhTtiRE/qxHq3m2SKRID2HVKNMx6SiSGxFQiEaFwYTMBISMUYiO0p1e3l7HwVOOGBWFTKIiHUfi4yOUSVHSTtVK3p6CQt8LRKUaD8spAqoLEkUU0CNNIMtC7u8CwxhJ8HBHwsODMfIDb+4FErOhBELysjHykAvg9nQDL29YTvCPixguJgtERByM0lGrSs+6BMQ66tL7j07ECjzuZ4pZiiukIAgAQJBfVQqGDozocI/gLU+ECw4Lw5AQS/S2Ek00GCOUGXU0SERcUWVKwAnLRoKU2aQF3UtyWE5+SOlynvnOHZBohOLzJYRxbE0AcPc0Hd3sIQAADs=") !important;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}

.toast-loading {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 108px;
  }
}
@media all and (min-width: 241px) and (max-width: 320px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 128px;
  }
}
@media all and (min-width: 321px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 192px;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 300px;
  }
}
.fixed-footer {
  position:fixed;
  bottom: 10px;
  right: 0; 
}

.footer-tx-divider {
  color : #B7B7B7;
  font-size : 1.5em; 
}

.footer-tx-value {
  color : #40C381;
}
/* Load animation */
@-webkit-keyframes 
load { 0% {
stroke-dashoffset:0
}
}
@-moz-keyframes 
load { 0% {
stroke-dashoffset:0
}
}
@keyframes 
load { 0% {
stroke-dashoffset:0
}
}

/* Container */

.circle-progress {
  position: relative;
  display: block;
  padding: 0;
  text-align: center;
  max-width:240px;
  height:100px;
  background-color:#111f2c;
  margin-bottom:0px;
}

.bch-styling .circle-progress {
  background-color: white;
}

/* Item */
.circle-progress>li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #93A2AC;
  font-family: Lato;
  font-weight: 100;
}

.bch-styling .circle-progress>li {
  color: black;
}

.circle-progress>li:before {
  content: attr(data-name);
  position: absolute;
  width: 100%;
  bottom: -2rem;
  font-weight: 400;
}

.circle-progress>li:after {
  content: attr(data-percent);
  position: absolute;
  width: 100%;
  top: 3.7rem;
  left: 0;
  font-size: 2rem;
  text-align: center;
}

.circle-progress svg {
  width: 10rem;
  height: 10rem;
}

.circle-progress svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

.circle-progress svg:nth-child(2) path {
  fill: none;
  stroke-width: 25;
  stroke-dasharray: 629;
  stroke: rgba(17, 31, 44, 0.9);
  -webkit-animation: load 10s;
  -moz-animation: load 1s;
  -o-animation: load 1s;
  animation: load 1s;
}

.bch-styling .circle-progress svg:nth-child(2) path {
  stroke: rgba(255, 255, 255, 0.9);
}

.invoice-heading .circle-progress svg:nth-child(2) path {
  stroke: rgba(33,49,64,0.9);
}

.invoice-heading .circle-progress {
  text-align:left;
  background-color:#213140;
  max-width:240px;
  padding-left:15px;
  padding-top:15px;
}

.invoice-heading .btcprice {
  text-align:left;
  max-width:240px;
  padding-left:15px;
  padding-top:15px;
}
