@import "../fonts/font.css";
.lottocard {
  padding-top:109px;
  padding-bottom:32px;
}

.navbar-brand img {
  margin-top:-17px;
}

.navbar-inverse {
  background-image:-webkit-linear-gradient(top,#579dbb 0,#579dbb 100%);
  background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);
  background-image:-webkit-gradient(linear,left top,left bottom,from(#579dbb),to(#579dbb));
  background-image:linear-gradient(to bottom, rgba(0, 26, 49, 0.9) 0, rgba(0, 26, 49, 0.79) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat:repeat-x;
  border-radius:4px;
}

footer .icon {
  font-weight:900;
  color:#ffffff;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#fff;
  margin-bottom:0;
}
.lottocard h2{
  font-family: fantasy;
  font-weight:600;
}
.total{
  width: 80%;
  border: none;
  font-weight: 900;
  font-size: xx-large;
}
.btn-plus, .btn-minus, .btn-buy{
    color: #fff;
}
.btn-plus:hover, .btn-minus:hover{
    color: #fff;
}
.btn-minus{
    background: #ff460e;
}
.btn-plus{
    background: #0d8038;
}
.btn-buy{
    background: #fff;
    border: 1px solid rgba(0, 26, 49, 0.9);
    color: rgba(0, 26, 49, 0.9);
}
.btn-buy:hover{
    background: rgba(0, 26, 49, 0.9);
    color: #fff;
    font-weight: 600;
    transition: ease-in-out 0.9s;
}
.labels{
    background: rgba(0, 26, 49, 0.9);
}
.lottoc{
    color: rgba(0, 26, 49, 0.9);
}
@media only screen and (min-width: 998px) {
    .tabs{
        margin-left: 34px;
        width: 96%;
    }
    .card{
        margin-left: 30%;
        margin-top: 10%;
        width:400px;
    }
    .btn-plus{
        margin-left: -9px
    }
    .lbqty{
        margin-left: 60px
    }
    form > .row{
        margin-top: 20px
    }
}
.form-control:focus {
    border-color: rgba(0, 26, 49, 0.9);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 26, 49, 0.9);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 26, 49, 0.9)
}
.card-body{
    color: #fff;
    background: #337fff;
}
.card .btn{
    background: #a53d4d;
    color: #fff;
}
/* medium width: 1280px */
@media only screen and (min-width: 992px) and (max-width: 1400px){
    .lottocard > div > p{
        margin-left: 435px;
        margin-top: -40px; font-weight: 600; color: #ec0600; font-size: x-large;
    }
}
/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 991px){
    .lottocard > div > p{
        margin-left: 270px;
        margin-top: -26px; font-weight: 600; color: #ec0600; font-size: large;
    }

}
/* Mobile Layout: 320px*/
@media only screen and (max-width: 767px) {
    .lottocard > div > p{
        margin-left: 235px;
        margin-top: -22px; font-weight: 600; color: #ec0600; font-size: small;
    }
}
/* Wide Mobile Layout; */
@media only screen and (min-width: 480px) and (max-width: 766px){
    .lottocard > div > p{
        margin-left: 430px;
        margin-top: -39px; font-weight: 600; color: #ec0600; font-size: x-large;
    }

}
@media (min-width: 768px) {

}