:root {
  --jumbotron-padding-y: 2rem;
  --jumbotron-padding-y-buttom: 1rem;
}

.grecaptcha-badge {
    display: none;
}

p, td, small {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.btn.purple.darken-3 {
    color: white !important;
}
.btn.purple.darken-3:hover {
    color: white !important;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y-buttom);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y-buttom) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
background-color: #929FBA; }




.counter {
    margin-top: 6px; 
    margin-bottom: 15px;  
  width: 43px;
    height: 39px;
  border-radius: 0px !important;
  text-align: center;
}
.counter:focus {
    outline: none !important;
}
.up_count {
  margin-bottom: 10px;  
  margin-left: -16px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
    width: 35px;
} 
.down_count {
  margin-bottom: 10px;  
  margin-right: -16px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
    width: 35px;
}

/* Color radio buttons */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #8e24aa;
    border-radius: 50%;
}

/* Color checkbox buttons */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #8e24aa;
    border-radius: 0.25rem;
}