@import url('https://fonts.googleapis.com/css?family=Karla:400,700');

html {
	background-color: transparent !important;
}

.ui-overlay-a, .ui-page-theme-a {
	background: #333 !important;
}

/*Login*/
.login-header {
	text-align: center;
}

    .login-header img {
        max-width: 135px;
        width: 100%;
        margin-bottom: 15px;
    }

.btn {
    background: #e2b645;
    border-color: #e2b645;
    color: white;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn:hover, .btn:active {
        background: rgba(0,0,0,0);
        color: #e2b645;
        border-color: #e2b645;
    }

body {
    background: #1a2229 !important;
    color: #d0d0d0;
    font-family: Karla, sans-serif !important;
}

.item-icon-left .icon, .item-icon-right .icon {
	color: #000;
}

.form label {
    color: #676a6c;
}

.ui-overlay-b, .ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper {
	background: #333 !important;
}

    .ui-page-theme-b .ui-btn {
        background-color: #0000002b;
    }

        .ui-page-theme-b .ui-btn:hover {
            background-color: #82828275;
        }

	.ui-checkbox .ui-corner-all {
		border-radius: 5px !important;
	}

.ui-checkbox:not(:first-child) > .ui-checkbox-off {
	border: 2px solid transparent !important;
}

.ui-checkbox:not(:first-child) > .ui-checkbox-on {
	border: 1.5px solid #df9820 !important;
}

.ui-checkbox .ui-btn {
	padding: 5px;
}

.ui-checkbox:first-child .ui-btn {
	width: 41px;
	height: 46px;
}

.ui-checkbox {
	/*width: 30%;*/
	margin: .5em 1.5% !important;
}

/*.ui-checkbox label {
	width: 90%;
}*/

.ui-checkbox input[type="checkbox"] {
	/*position: relative;
	width: 10%;
	margin-top: 12px;*/
	display: none;
}

h1 small, h2 small, h3 small,
h4 small, h5 small, h6 small {
	color: #fafafa;
}

#retrieval {
    width: 100%;
    padding: 10px 15px;
    background: #404040;
    margin: 0 -15px;
    margin-top: -15px;
    left: 15px;
}

select option, select option:active, select option:focus, select option:hover {
    color: #676a6c;
}

.form-group > label {
    color: #f2f2f2;
}

.form .ui-input-text input, .form .ui-input-text textarea {
    color: #f2f2f2 !important;
    /*padding: 10px 15px;*/
    /*background: #8282825e;*/
    border-bottom: 2px solid #676a6c;
}

.item-select .ui-select {
    border-bottom: 2px solid #676a6c;
}

	.item-select .ui-select select, select.form-control option {
		color: #f2f2f2;
		background: #fff;
	}

[class^="ui-icon-"]:after, [class*=" ui-icon-"]:after, [class^="ui-btn-icon-"]:after, [class*=" ui-btn-icon-"]:after {
    color: #676a6c;
}

.form #btnSubmit {
	/*background: #439334 !important;*/
	opacity: 1;
	background-image: linear-gradient(to bottom right, #df9820, #f4bb4c);
	color: #000;
	/*color: #FFF;*/
	font-size: 12px;
	text-indent: 0;
	transition: all 0.2s;
}

.form #btnSubmit:hover {
	background-color: #b37a19 !important;
	transition: all 0.2s;
}



li.parsley-required {
    color: red;
    margin-top: 5px;
}

#result {
	padding-top: 3px;
}

a.JJLotto-logo img {
    max-width: 88px;
    width: 100%;
}

div#sidebar {
    padding-top: 0px;
    /* box-shadow: 1px 0px 8px 1px #f7d666; */
    border-right: 1px solid #f7d666;
    padding-top: 5px;
    background: #1a2229;
    z-index: 9999;
}

a.JJLotto-logo {
    display: block;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
}

.slimScrollDiv {
    background: #1a2229;
}

.text-theme, .sidebar .nav > li.active > a i {
    color: black;
}

.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover {
    color: black;
    background: #f1d067;
}

    .sidebar .nav > li.active > a > span {
        color: black;
    }

.page-header-fixed {
    padding-top: 25px;
}

h1, h2, h3, h4, h5, a, span, p, th, td {
    color: #f2f2f2;
}

.table thead th, .table > thead > tr > th {
    /*color: black;*/
    color: #f2f2f2;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background: #1f282f;
}

.breadcrumb > li a {
    color: white;
}

.panel-title {
    color: #888888;
}

.panel-body {
    background-color: #1f282f;
}

.panel-title {
    color: #8f9294;
}

.pace-progress {
    background: #f1d067;
    z-index: 1;
}

.pace-progress, .pace:before {
    top: 0px;
}

.panel {
    background-color: #1a2229;
}

.panel-footer {
    background: #1a2229;
    border-top: 1px solid #1a2229;
    margin-top: 10px;
}

/* Button */
.btn.btn-lg, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-prepend > .btn {
	font-size: 14px;
	line-height: 24px;
	padding: 5px 15px;
	margin-right: 10px;
	background: none;
	border: 1px solid #ffffff !important;
	color: #fff;
}

.btn.btn-primary, .btn.btn-primary.disabled, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled:hover, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled]:hover {
    color: #fff;
    background: #e2b645;
    border-color: #e2b645;
}

    .btn.btn-primary:hover {
        background: rgba(0,0,0,0);
        color: #e2b645;
    }

.btn.btn-danger:hover {
    color: #ff5b57;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
}

label {
    color: black;
}

/* Top Nav */
.nav > li.nav-profile.active > a, .sidebar .nav > li.nav-profile.active > a:focus, .sidebar .nav > li.nav-profile.active > a:hover {
    background: rgba(241, 208, 103,0.5);
}

.nav > li > a:focus, .nav > li > a:hover {
    color: #333;
    background: inherit;
}

.dropdown-menu {
    background: #2d353c;
    border-top-color: grey;
}

    .dropdown-menu > li > a, .nav > li > a {
        line-height: 20px;
        color: #fff;
    }

.header .navbar-nav > li > .dropdown-menu {
    border: none;
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #1a2229;
    color: white;
}

.dropdown-divider {
    border-top: 1px solid #616161;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(97, 97, 97);
    box-shadow: 0 13px 25px -2px rgba(0,0,0,.2);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Sidebar */
.sidebar .nav > li.nav-profile.active .info {
    color: white;
}

.sidebar .nav > li > a, .sidebar .nav > li.nav-header, .sidebar .sub-menu > li > a {
    color: #eef5ff;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

.sidebar .nav.nav-profile {
    padding: 12px 0 10px 39px
}

.sidebar .sub-menu > li:before {
    display: block;
}

.sidebar .sub-menu > li {
    padding: 4px 0px;
}

    .sidebar .sub-menu > li:last-child:before {
        height: 16px;
    }

    .sidebar .sub-menu > li:after {
        top: 15px;
        border: 1px solid #f7d666;
    }

    .sidebar .sub-menu > li:before {
        background: #f7d666;
        width: 1px;
    }

    .sidebar .sub-menu > li > a:after {
        background: #f7d666;
        height: 1px;
        left: -12px;
        width: 12px;
    }

.sidebar .nav > li > a {
    padding: 10px 20px;
}

.sidebar .sub-menu > li:first-child:before {
    top: -18px;
}

.sidebar .nav > li > a i {
    margin-right: 18px;
    font-size: 16px;
}

.gradient-enabled .sidebar .nav > li.active > a {
    background: linear-gradient(to bottom, rgba(205,163,58,1) 0%, rgba(249,227,137,1) 100%);
}

.sidebar .nav > li > a:hover, .sidebar .nav > li.expand > a, .sidebar .nav > li > a.active {
    background: #f7d666;
}

    .sidebar .nav > li > a:hover i, .sidebar .nav > li > a:hover span,
    .sidebar .nav > li > a:hover .caret:before, .sidebar .nav > li > a:hover .caret:before,
    .sidebar .nav > li > a.active i, .sidebar .nav > li > a.active span {
        color: black;
    }

    .sidebar .nav > li.expand > a i, .sidebar .nav > li.expand > a span,
    .sidebar .nav > li.expand > a .caret:before, .sidebar .nav > li.expand > a .caret:before {
        color: black;
    }

.sidebar .sub-menu > li > a:hover, .sidebar .sub-menu > li > a.active {
    color: #f7d666;
}

/* Panel */
.panel-primary > .panel-heading {
    background: #161d23;
    /*linear-gradient(to bottom, rgba(205,163,58,1) 0%, rgba(249,227,137,1) 100%);*/
}

/* row */
.row {
    padding: 5px 0;
}

/*Header Nav*/
li.nav-profile i {
    margin-right: 4px;
}

.header .navbar-nav > li > a > i {
    top: 0px;
    vertical-align: middle;
}

.media-body {
    color: white;
}

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

.media-body, .media-left, .media-right {
    vertical-align: middle;
}

a.dropdown-item {
    color: white;
}

.dropdown-menu {
    padding: 0;
}

.nav-profile a.dropdown-item {
    color: white;
    padding: 10px 15px;
}

.nav-profile .dropdown-item:first-child {
    padding-top: 15px;
}

.nav-profile .dropdown-item:last-child {
    padding-bottom: 15px;
}

/*Content*/
div#content, .panel .tab-content {
    background: #1a2229;
}

/*Modal*/
.modal-content {
    background: #1a2229;
}

.form-control, .form-control:focus {
    /*background: rgba(0,0,0,.5);*/
    border: 1px solid transparent;
    color: #fff;
}

.btn.btn-success {
	color: #FFF;
	background-image: linear-gradient(to bottom right, #df9820, #f4bb4c);
	border-color: #439334;
}

    .btn.btn-success:hover, .btn.btn-success:active {
        background: rgba(0,0,0,0);
        color: #e2b645;
        border-color: #e2b645;
    }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #00000059;
    opacity: .6;
}


.card-summary {
    padding: 1.6rem 1rem;
    border-radius: 3px;
    background: linear-gradient(137deg, #222c35 0%, #161d23 100%);
    margin-bottom: 1.1rem;
    box-shadow: 0px 6px 5px 0 rgba(0, 0, 0, .1);
}

    .card-summary h5 {
        padding-bottom: .5rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #edc856;
        font-weight: 700;
    }

        .card-summary h5:after {
            content: "";
            display: block;
            width: 100%;
            padding-top: 20px;
            border-bottom: 1px solid rgba(237, 200, 86, 0.5);
        }

    .card-summary .data {
        font-size: 30px;
        color: #edc856;
    }

.dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    box-shadow: inset 0px 0px 7px 2px rgba(16, 255, 0, 0.5), 0px 0px 7px 2px rgb(0, 156, 83)
}

    .dot.orange {
        box-shadow: inset 0px 0px 7px 2px #ffc107, 0px 0px 7px 2px #f59c1a;
    }

.nowrap {
    white-space: nowrap
}

.panel-heading {
    padding: 1rem 2rem;
    background: #161d23;
}

.panel-body {
    background: #161d23
}

.panel-heading h3 {
    margin: 0;
    color: #edc856;
}

/* Mobile JJLotto */
.div-login {
    text-align: center;
    margin-top: 20px
}

    .div-login button {
        color: #161d23;
        border-radius: 3px;
        padding: 10px 45px !important;
    }

.text-theme {
	color: #E5A32F !important;
}

.login-title {
	text-align: center;
	margin-top: 10px;
	/*color: #E5A32F;*/
	font-size: 18px;
	letter-spacing: 1px;
	/*background: -webkit-linear-gradient(#2f2b86, #100873);*/
	/*-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

.login-title strong {
	font-size: 22px;
}

.navbar-icon img {
    margin-bottom: -20px;
}

.navbar-icon span {
    font-size: 12px;
    color: #dadada;
}

.topbar {
    text-align: center;
    padding-top: 6vh;
    padding-bottom: 9px;
}

    .topbar img {
        width: 85px;
    }

.ui-bar-b {
	border-color: #4d4d4d;
}

.login-tc {
    position: relative;
    bottom: 0;
    left: 0;
    font-size: 11px;
    text-align: center;
    display: block;
    color: #333;
}

#login .ui-content {
	padding: 0 5vw;
}

.menu-icon {
	/* border: 1px solid #ffc76678; */
	border-radius: 0px;
	border: 1px solid #4d4d4d;
	background-color: #404040 !important;
	color: #dadada;
	font-size: 12px;
	height: 50px;
	display: flex;
	justify-content: center;
	padding: 10px;
	/* align-items: center; */
	/* flex-direction: column; */
	margin-bottom: 5px;
}

.main-topbar {
    padding: 4vh 0 3.5vh;
}

.menu-icon img {
	width: 25px;
	height: 30px;
	object-fit: contain;
}

@media screen and (max-width: 320px) {
    .menu-icon img {
        width: 25px;
        height: 25px;
    }
}

.menu-icon span {
    width: 80%;
    padding-left: 20px;
    font-size: 14px;
    font-weight: initial;
    line-height: initial;
    margin: 1vh 0 0 0;
    color: #f2f2f2;
    text-transform: uppercase;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .menu-icon span, .toolbar-row span {
        font-size: 17px !important;
    }
}

/*.swiper-slide {
    display: flex;
    flex-direction: column;
}*/

.menu-row {
    padding: 0px;
}

    .menu-row:last-child {
        margin-bottom: 22px;
    }

.swiper-container-horizontal > .swiper-pagination {
    bottom: 20px;
}

#swipeMain .menu-row:first-child .menu-icon {
	border-top: 2px solid #4d4d4d;
}

#swipeMain .menu-row:last-child .menu-icon {
	border-bottom: 2px solid #4d4d4d;
}

.menu-row .col {
    height: 100%;
    padding: 0px;
}

    .menu-row .col:not(:last-child) {
        padding-right: 10px !important
    }

.toolbar-row {
    height: 100%;
    align-items: center;
}

    .toolbar-row .col {
        text-align: center;
        filter: brightness(50%);
    }

        .toolbar-row .col:active {
            filter: brightness(100%);
        }

    .toolbar-row img {
        width: 25px;
        height: 25px;
        object-fit: contain;
        display: block;
        margin: auto;
        margin-bottom: -8px;
        margin-top: 2px;
    }

    .toolbar-row span {
        font-size: 3vw;
    }

.navbar_page_center {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    background: -webkit-linear-gradient(#fcea96, #dcae3f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-leftbtn {
    position: absolute;
    padding: 12px;
}

    .navbar-leftbtn img {
        width: 25px;
    }

.ui-checkbox, .ui-radio {
    margin: .5em 0;
    position: relative;
}

.result-page .radio, .result-page .checkbox {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

#header {
	position: fixed !important;
	background-color: #333;
	padding-bottom: 5px;
}

	#header h1, #header span {
		color: #FFF;
	}

.col-4b {
    position: relative;
    width: 100%;
    min-height: 1px;
    /*padding-left: 2px;
    padding-right: 2px;*/
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn-lgb {
    display: block;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.5 !important;
    border-radius: .3rem;
    color: #fff;
    background-color: #e2b645;
    border-color: #f7d666;
    margin: 0 0.5em 0 0 !important;
}

.bline{
    width: 100% !important;
}

.num-row button {
    border: 1px solid #FFF !important;
}
.tbody_num td{
    padding: 0!important
}

.tbody_num .ui-input-text {
    margin: 0 !important;
    border: none;
    box-shadow: none;
}

.ui-page-theme-b .ui-body-inherit {
	/*background-color: #8282825e !important;*/
	color: #f2f2f2;
}

.txt-betnum {
	background: #8282825e !important;
}

	.txt-betnum:focus {
		background: #757575;
	}

.wallets.deposit {
	background-color: #ffa300;
}

.wallets .wallet-main .wallet-title {
	font-size: 17px;
	font-weight: 700;
}

.wallets .wallet-main .wallet-currency {
	color: #fff;
}

select.form-control option {
	/*background-color: #404040;*/
}

.ui-page-theme-b .ui-btn:active {
	background: #8282825e !important;
}

.bet-img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

#divStatus {
	color: #439334;
}

.custom-loader {
	display: none;
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(30, 30, 30,.7);
	z-index: 999;
}

.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

	.lds-roller div:nth-child(1):after {
		top: 50px;
		left: 50px;
		background: #efcc8f;
	}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

	.lds-roller div:nth-child(2):after {
		top: 54px;
		left: 45px;
		background: #ecc279;
	}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

	.lds-roller div:nth-child(3):after {
		top: 57px;
		left: 39px;
		background: #e9b863;
	}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

	.lds-roller div:nth-child(4):after {
		top: 58px;
		left: 32px;
		background: #e6ad4d;
	}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

	.lds-roller div:nth-child(5):after {
		top: 57px;
		left: 25px;
		background: #e2a336;
	}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

	.lds-roller div:nth-child(6):after {
		top: 54px;
		left: 19px;
		background: #df9820;
	}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

	.lds-roller div:nth-child(7):after {
		top: 50px;
		left: 14px;
		background: #c98a1d;
	}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

	.lds-roller div:nth-child(8):after {
		top: 45px;
		left: 10px;
		background: #b37a19;
	}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.notes {
    background-attachment: local;
    background-image: linear-gradient(to right, white 10px, transparent 10px), linear-gradient(to left, white 10px, transparent 10px), repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    line-height: 31px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    color: black !important;
}

#hiddenField {
    height: 17px;
    width: 1px;
    position: absolute;
    margin-left: 3px;
    margin-top: 2px;
    border: none;
    border-width: 0px 0px 0px 1px;
}

.blinking-cursor {
    font-weight: 100;
    font-size: 30px;
    color: #2E3D48;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

@keyframes blink {
    from, to {
        color: transparent;
    }

    to {
        color: black;
    }
}

.borderless.orderbox .ui-input-text, .borderless.orderbox .ui-input-search, .borderless.orderbox table tr:last-child .ui-input-text, .borderless.orderbox table tr:last-child .ui-input-search {
    border: none;
    padding: 0
}

.borderless input{
    min-height: 0;
    padding: 0 5px
}

.borderless.orderbox .betline:focus {
    outline: none;
}

.orderbox {
    overflow-y: auto;
    background-attachment: local;
    padding-top: 2px;
    min-height: 76px;
    background-position-y: -4px;
    background-size: 950px;
    background-color: #2a2a2a;
}

    .orderbox table td {
        padding: 0
    }

    .orderbox .ui-input-text, .orderbox .ui-input-search {
        margin: 0 !important;
        box-shadow: none;
        border: 1px solid #ccc;
        border-bottom: none
    }

    .orderbox table tr:last-child .ui-input-text, .orderbox table tr:last-child .ui-input-search {
        border-bottom: 1px solid #ccc;
    }

.text {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
}

.blink {
    animation: blink .5s step-end infinite alternate;
    border: 1.5px solid transparent;
}

.empty {
    margin-left: -6px;
}

.orderbo br{
    line-height: 36px;
}

@keyframes blink {
    50% {
        border-right-color: red;
    }
}

.ui-panel, .nav-menu {
	width: 150px;
}

.ui-panel-animate.ui-panel-page-content-position-left {
	-webkit-transform: translate3d(150px, 0, 0);
	-moz-transform: translate4d(150px, 0, 0);
	-o-transform: translate3d(150px, 0, 0);
	transform: translate3d(150px, 0, 0);
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
	left: 150px;
}

#divPanel li > .ui-btn {
    padding: 1.2em .5em;
    background: inherit;
	color: black !important;
    border-bottom: 1px solid #206314 !important;
}

#divPanel a.active, #divPanel a.ui-btn-active, #divPanel a:hover, #divPanel a:focus {
    background-color: #206314 !important;
}

#divPanel {
	/*background: #F7F7F7;*/
	background-image: linear-gradient(to bottom right, #df9820, #f4bb4c);
}

.ui-page-theme-b .ui-panel-wrapper {
	box-shadow: 0px -45px 17px 3px #b37a19;
	-moz-box-shadow: 0px -45px 17px 3px #b37a19;
	-webkit-box-shadow: 0px -45px 17px 3px #b37a19;
	-webkit-box-shadow: 0px -35px 25px 10px #b37a19;
}

.settings-page .ui-checkbox:first-child .ui-btn, .settings-page .ui-checkbox .ui-btn {
	width: 110px;
	height: auto;
	padding: 10px;
}

.settings-page .ui-checkbox > .ui-checkbox-off {
	border: 1.5px solid transparent !important;
}

.settings-page .ui-checkbox:first-child > .ui-checkbox-on {
    border: 1.5px solid #206314 !important;
}


.pasteArea {
    color: transparent !important;
    background-color: #439334 !important;
    background-image: url(/Assets/images/paste.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 1px !important;
    margin-right: 1px !important;
    resize: none !important;
    height: 70px !important;
    cursor: pointer;
    caret-color: transparent;
}

.num-row .col{
    padding: 0
}

.num-row .col:not(:last-child){
    margin-right: 5px;
    margin-bottom: 5px;
}

.marque-banner {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #333;
}

.marque-banner marquee {
	height: 40px;
	line-height: 40px;
	color: #FFF;
}

.btn-keypad {
    font-size: 26px !important;
    background-color: #439334 !important;
    padding: 2px;
    color: #fff !important;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 1px !important;
    margin-right: 1px !important;
    height:40px;
}

.btn-word-keypad {
    font-size: 18px !important;
    background-color: #439334 !important;
    padding: 2px;
    color: #fff !important;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 1px !important;
    margin-right: 1px !important;
    height: 40px;
}

.num-row .col-4b button {
	height: 70px;
}

.swiper-container {
	height: calc(100vh - 48px - 164.73px);
}

.mb-0 {
    margin-bottom: 0
}

.btn-theme {
	background-image: linear-gradient(to bottom right, #df9820, #f4bb4c);
	color: #000;
	transition: all 0.2s;
}

.btn-theme:hover, .btn-theme:focus {
	background-color: #b37a19;
	transition: all 0.2s;
}

select option {
	background: #1f1f1f !important;
	color: #f2f2f2;
}