@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');
body { font-family: 'Montserrat', sans-serif; }

/* Global */
.btn-green { background-color: #508f48; border: 1px solid #508f48; }
.btn-green:hover { background-color: #f18538; border: 1px solid #f18538; }

.bg-orange { background: #f18538; }
.bg-green { background: #508f48; }
.border-orange { border: 1px solid #f18538; }
.text-green,
.text-green:hover { color: #508f48; }
.text-orange,
.text-orange:hover { color: #f18538; }
.fw-6 { font-weight: 600; }
.fw-9 { font-weight: 900; }
.z-index-9 { z-index: 9 !important; }

i.view-password { top: 37px; right: 10px; cursor: pointer; color: #6c757d; }
i.view-password-2 { top: 37px; right: 25px; cursor: pointer; color: #6c757d; }

.swal-footer { text-align: center; }
.swal-button { background-color: #508f48; }

/* Topo */
header form#search input { background-color: #f4f4f4; }
header form#search button { top: 11px; right: 11px; z-index: 99999; }            
header .navbar .navbar-toggler.icon { background-color: transparent; position: relative; cursor: pointer; height: 34px; width: 34px; padding: 0; border: 0; }
header .navbar .navbar-toggler.icon span { display: block; position: absolute; left: 0; width: 34px; height: 4px; border-radius: 5px; background-color: #FFFFFF; -webkit-transition: -webkit-transform 0.3s; -webkit-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; }
header .navbar .navbar-toggler.icon span:first-child { top: 5px; }
header .navbar .navbar-toggler.icon span:nth-child(2) { top: 15px; }
header .navbar .navbar-toggler.icon span:last-child { top: 25px; }
header .navbar .navbar-toggler.icon--active span:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  position: absolute; top: 15px; }
header .navbar .navbar-toggler.icon--active span:nth-child(2) { opacity: 0; }
header .navbar .navbar-toggler.icon--active span:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; }
header .navbar .navbar-toggler.icon-transition { -webkit-transition: -webkit-transform 0.3s; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

/* Faça Seu Jogo */
#your-game #prices .col-1,
#your-game #dozens .col-1 { width: 10%; }
#your-game .numbers:before { content: "["; position: absolute; left: 0px; }
#your-game .numbers::after { content: "]"; position: absolute; right: 0px; }
#your-game .active,
#your-game .active:hover { background: #f18538; color: #fff; }
#your-game .bg-light { background: #e7eaec !important; }
#your-game ul.games li.small,
#your-game ul.games li.small a { font-size: .866rem !important; }
#your-game #body-bets .col-1 { width: 42px; }

@media (min-width: 768px) {

    #your-game .numbers { width: 80%; }
}

@media (max-width: 767.98px) {

    #your-game .numbers { width: 95%; }
    #your-game ul.games li.small,
    #your-game ul.games li.small a { font-size: .766em !important; }
}

/* Carrinho */
#cart .table thead th:nth-child(1) { width: 80%; }
#cart .table thead th:nth-child(2) { width: 15%; }    
#cart .table thead th:nth-child(3) { width: 5%; }        
#cart .table tbody tr td { vertical-align: middle; } 
#cart .table tbody tr td .dozens { width: 42px; }

/* Rodapé */
footer form { width: 75%; }

@media (max-width: 767.98px) {
    footer form { width: 100%; }
}