:root {
  --main: #49016A;
  --second: #68168D;
  --second-light: #AD27F5;
  --third: #FCBD16;
  --bg: #AD27F5;
  --white: #FFFFFF;
  --old: #21674c;
  --contrasttheme: #FCBD16;
  --box-blur: var(--second);
  --main-blur: var(--second);
  --reward-bg-opacity: var(--second);
  --reward-title: #FFFFFF;
  --reward-color: #FFFFFF;
}

body {
  background: var(--bg) url("../../images/theme11/background/bg_maha24h.jpg") center/cover no-repeat;
  background-size: 100% 100%;
}

.p2mobile-header {
  background: var(--main);
  border: none;
}
.p2mobile-header .header-function .btn-login {
  background-image: linear-gradient(var(--second-light) 20%, var(--second));
  color: var(--white);
  border-bottom-color: var(--second);
  border-top-color: var(--main);
  border-left-color: var(--main);
}
.p2mobile-header .header-function .btn-register {
  background: var(--third);
  color: var(--main);
}

.modal#loginModal button.btn-login {
  background: var(--third);
  color: var(--main);
}
.modal#loginModal button.btn-login:hover {
  background: var(--second) !important;
  color: var(--white);
}
.modal#loginModal fieldset .fld-block {
  border-color: var(--main);
}
.modal#loginModal .modal-content {
  background: var(--main-blur);
  border-color: var(--main);
  background: var(--main-blur) !important;
}
.modal#loginModal .bottom a {
  color: var(--third);
}
.modal#loginModal .did-floating-input {
  background: var(--main) !important;
  border-color: var(--main) !important;
}

.modal2#loginModal button.btn-login {
  background: var(--third);
  color: var(--main);
}
.modal2#loginModal button.btn-login:hover {
  background: var(--second) !important;
  color: var(--white);
}
.modal2#loginModal fieldset .fld-block {
  border-color: var(--main);
}
.modal2#loginModal .modal-content {
  background: var(--main-blur);
  border-color: var(--main);
  background: var(--main-blur) !important;
}
.modal2#loginModal .bottom a {
  color: var(--third);
}
.modal2#loginModal .did-floating-input {
  background: var(--main) !important;
  border-color: var(--main) !important;
}

.center .list a:hover {
  background: var(--second) !important;
  color: var(--white);
}
.center h2 {
  background: var(--main-blur) !important;
  color: var(--white);
}
.center .btn-big {
  background: var(--third);
  color: var(--white);
}

.center-tab a:hover {
  background: var(--second) !important;
  color: var(--white);
}
.center-tab .btn.active {
  background: var(--main-blur) !important;
  color: var(--white);
}

.wrap-download .download-button {
  background: var(--second) !important;
  color: var(--white);
}

.p2mobile-aside_content .aside_content-login {
  background: var(--box-blur) !important;
}
.p2mobile-aside_content .aside_content-login .login-button button.btn-login {
  background: linear-gradient(var(--second-light) 20%, var(--second)) !important;
  color: var(--white);
  border-color: var(--second-light);
}
.p2mobile-aside_content .aside_content-login .did-floating-input {
  background: var(--main);
  border-color: var(--main);
}
.p2mobile-aside_content .aside_content-login fieldset .fld-block {
  background: var(--main);
  border-color: var(--main);
}
.p2mobile-aside_content .aside_content-main_content {
  background: var(--main);
}
.p2mobile-aside_content .aside_content-main_content .main_content-menu_list {
  background: var(--box-blur) !important;
}
.p2mobile-aside_content .aside_content-main_content .main_content-menu_list .aside-menu:hover {
  background-color: var(--contrasttheme);
  border-radius: 0.5rem;
}

.main.earning-link .report-item:hover {
  background: var(--box-blur) !important;
}
.main.earning-link .ref_link_name input {
  background: var(--main-blur) !important;
  color: var(--white);
  border-color: var(--second);
}
.main.earning-link .ref_code_name input {
  background: var(--main-blur) !important;
  color: var(--white);
  border-color: var(--second);
}
.main.earning-link .overview-subcontainer {
  background: var(--main-blur) !important;
  color: var(--white);
}

.lobbyCatalog-main_nav .nav-item {
  border: none;
  background: var(--main);
  color: var(--white);
}

.p2mobile-lobbyCatalog .nav-item {
  border: none;
}
.p2mobile-lobbyCatalog .nav-item:hover {
  background: linear-gradient(180deg, var(--second) 0%, rgba(104, 22, 141, 0.15) 100%);
}
.p2mobile-lobbyCatalog .lobbyCatalog-list .gameSearchBox {
  background: transparent;
  border-radius: 10px;
}
.p2mobile-lobbyCatalog .lobbyCatalog-list .gameSearchBox .input-group input {
  background: var(--second) !important;
  border-color: var(--second) !important;
  color: var(--white);
}
.p2mobile-lobbyCatalog .lobbyCatalog-main_nav .nav-item:first-child {
  background: var(--third) !important;
  color: var(--second) !important;
}
.p2mobile-lobbyCatalog .lobbyCatalog-main_nav .nav-item:first-child .nav-title {
  font-weight: 750;
}
.p2mobile-lobbyCatalog .lobbyCatalog-main_nav .nav-item:first-child .nav-link.active .nav-title {
  color: var(--second-light);
  -webkit-text-fill-color: var(--second-light);
}
.p2mobile-lobbyCatalog .nav-title {
  color: var(--white);
  -webkit-text-fill-color: var(--white);
}
.p2mobile-lobbyCatalog .lobbyCatalog-aside .scrollable-hint-up {
  background-image: linear-gradient(transparent, var(--second));
}
.p2mobile-lobbyCatalog .lobbyCatalog-aside .scrollable-hint-up::before {
  background-image: linear-gradient(transparent, var(--second));
}
.p2mobile-lobbyCatalog .lobbyCatalog-aside .scrollable-hint-down {
  background-image: linear-gradient(transparent, var(--second));
}
.p2mobile-lobbyCatalog .lobbyCatalog-aside .scrollable-hint-down::before {
  background-image: linear-gradient(transparent, var(--second));
}
.p2mobile-lobbyCatalog .nav-item.active {
  background: linear-gradient(180deg, var(--second) 0%, rgba(104, 22, 141, 0.15) 100%);
}
.p2mobile-lobbyCatalog .nav-icon[alt=HOT] {
  filter: unset;
}

.nav-item button {
  border: none;
  background: var(--main);
  color: var(--white);
}
.nav-item button.nav-link.active {
  background: var(--third) !important;
  color: var(--second) !important;
}

.provider-logo-wrapper .provider-title span {
  background: var(--main);
  color: var(--white);
}
.provider-logo-wrapper .provider-items .item img {
  background: var(--second);
  border-color: var(--second);
  border-radius: 0.5rem;
}

.nav_bottom-container {
  background: var(--main);
}

.modal input {
  background: var(--main);
  border-color: var(--main);
}
.modal select {
  background: var(--main);
  border-color: var(--main);
}
.modal .modal-content {
  background: var(--main) !important;
  border-color: var(--third) !important;
}

.modal2 input {
  background: var(--main);
  border-color: var(--main);
}
.modal2 select {
  background: var(--main);
  border-color: var(--main);
}
.modal2 .modal-content {
  background: var(--main) !important;
  border-color: var(--third) !important;
}

.modal#registerModal fieldset .fld-block {
  border-color: var(--main);
}
.modal#registerModal .modal-content {
  background: var(--main-blur);
  border-color: var(--main);
  background: var(--main-blur) !important;
  border: none;
  padding: 1rem;
  background: var(--second) !important;
  color: var(--white) !important;
}
.modal#registerModal .modal-content select {
  font-size: 14px;
}
.modal#registerModal .modal-content select option {
  background: var(--white);
}
.modal#registerModal .bottom a {
  color: var(--third);
}
.modal#registerModal .did-floating-input {
  background: var(--main) !important;
  border-color: var(--main) !important;
}

.modal#alertModal fieldset .fld-block {
  border-color: var(--main);
}
.modal#alertModal .modal-content {
  background: var(--main-blur);
  border-color: var(--main);
  background: var(--main-blur) !important;
}
.modal#alertModal .bottom a {
  color: var(--third);
}
.modal#alertModal .did-floating-input {
  background: var(--main) !important;
  border-color: var(--main) !important;
}

.modal2#registerModal fieldset .fld-block {
  border-color: var(--main);
}
.modal2#registerModal .modal-content {
  background: var(--main-blur);
  border-color: var(--main);
  background: var(--main-blur) !important;
}
.modal2#registerModal .bottom a {
  color: var(--third);
}
.modal2#registerModal .did-floating-input {
  background: var(--main) !important;
  border-color: var(--main) !important;
}

.modal2#alertModal fieldset .fld-block {
  border-color: var(--main);
}
.modal2#alertModal .modal-content {
  background: var(--main-blur);
  border-color: var(--main);
  background: var(--main-blur) !important;
}
.modal2#alertModal .bottom a {
  color: var(--third);
}
.modal2#alertModal .did-floating-input {
  background: var(--main) !important;
  border-color: var(--main) !important;
}

.main.center .promo-code-btn {
  background: var(--main-blur);
  border-color: var(--main);
}
.main.center .center-table th {
  background: var(--main-blur) !important;
  color: var(--white);
}

.dropdown-menu {
  background: var(--main-blur);
  border-color: var(--main);
}

.list a {
  background: var(--main-blur) !important;
  color: var(--white);
  color: var(--white);
  -webkit-text-fill-color: var(--white);
}

.contact-us-wrapper {
  background: transparent;
}

.tab-pane-box .tab-pane-box-link {
  background-color: var(--main) !important;
  border: none !important;
}

.footer-nav li a.m-active::after {
  background-image: none;
}

.promotion-container .promotion-container-date span {
  color: var(--white);
  -webkit-text-fill-color: var(--white);
}
.promotion-container .promotion-container-title span {
  color: var(--white);
  -webkit-text-fill-color: var(--white);
}

.refer_popup_exist {
  color: var(--second);
  -webkit-text-fill-color: var(--second);
}

.promo-modal-btn-wrapper {
  background: var(--third);
  color: var(--white);
}

#btnAffSubmit {
  background: var(--third);
  color: var(--white);
}

.dropdown-item.active {
  background: linear-gradient(273deg, rgba(48, 173, 49, 0) 7%, var(--contrasttheme) 76%);
}

.dropdown-item:active {
  background: linear-gradient(273deg, rgba(48, 173, 49, 0) 7%, var(--contrasttheme) 76%);
}

.p2mobile-marquee .dropdown-language-btn {
  border-color: var(--third);
  color: var(--white);
  border-color: var(--white);
}
.p2mobile-marquee .dropdown-language-btn:hover {
  color: var(--white);
  border-color: var(--white);
}

.modal-register-success .copy-btn {
  background: var(--third) !important;
  color: var(--white);
}
.modal-register-success .btn-enter {
  background: var(--third) !important;
  color: var(--white);
}
.modal-register-success .export-btn .export-icon {
  background: var(--third) !important;
  color: var(--white);
}

#mainNavMore .lobbyCatalog-main_nav .nav-item .nav-title {
  color: var(--white) !important;
  -webkit-text-fill-color: var(--white) !important;
}

.border-maintheme {
  border-color: var(--white) !important;
}

.text-contrasttheme {
  color: var(--white) !important;
}

.tooltip-footer .btn-tip-next {
  background: var(--second) !important;
}

.register-step .bg-dark {
  background: var(--white) !important;
  color: var(--main) !important;
}
.register-step .modal-content #registerForm .btn {
  background: linear-gradient(var(--white) 0%, var(--second) 100%);
  border: none;
}
.register-step .modal-content .modal-body #registerForm #regFormStep2 .text-light {
  color: var(--black) !important;
}
.register-step .modal-content .modal-body #errRegMsg {
  color: var(--second) !important;
}
.register-step #registerForm .input-form {
  background: var(--white) !important;
  color: var(--black) !important;
  border-color: #ccc !important;
}
.register-step #registerForm .input-form::-moz-placeholder {
  color: var(--black) !important;
}
.register-step #registerForm .input-form::placeholder {
  color: var(--black) !important;
}
.register-step .modalCloseButton {
  background: transparent !important;
}
.register-step .modalCloseButton svg {
  color: #666;
}

.link-btn {
  background: linear-gradient(var(--white) 0%, var(--second) 100%);
  border: none;
}

.copy-bank-details-wrapper .copy-bank-details-info {
  display: flex;
  align-items: center;
}
.copy-bank-details-wrapper .copy-bank-details-info a {
  background: var(--third);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

#depoBank > li {
  padding-top: 5px;
}
#depoBank > li > .bank-item.active {
  border-radius: 0.75rem;
  box-shadow: 0px 0px 6px var(--second);
}

.provider-item .btn-turnover {
  background: var(--second);
}

.p2mobile-main section .list a:hover {
  background: var(--contrasttheme) !important;
}

#fileToUploadWrapper .custom-file {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
#fileToUploadWrapper #preview-qr {
  display: flex;
  justify-content: center;
}

.bank-card .bank-card-details-wrapper span {
  color: var(--white);
}

.tab-pane#v-pills-lottery {
  width: 100%;
}
#fish-menu .fish-menu-items.active {
    background: var(--third) !important;
}/*# sourceMappingURL=styles-maha24h.min.css.map */