@import url('https://fonts.googleapis.com/css2?family=Ysabeau:ital,wght@0,100..1000;1,100..1000&display=swap');

 :root {
            --color-master_primary2: #081817;
			--color-master_primary: #00332e;
			--color-master_primary3: #f4c871;

 } 

*:not(i,.fa-search){
	  font-family: "Ysabeau", sans-serif !important;
}

body{
	    background-position: center top !important;
    background-image: url(/website_assets/images/bg-pattern.svg) !important;
    background-color: rgb(0, 18, 16) !important;
    background-size: 215px !important;

}
.right-side {
    background: linear-gradient(to bottom, rgb(0 0 0 / 82%), rgba(0, 0, 0, 0)), url(/images/1749052242.webp) !important;
    width: 400px !important;
    background-position: -1083px !important;
   background-size: cover !important;
}
 
.navbar-brand img {
   width: 257px !important;
    height: auto;
    position: relative;
    top: 1px;
    left: -20px;
}

@media (max-width: 800px) {
    .navbar-brand img {
        width: 198px !important;
        left: -10px; /* Ajustez si besoin */
    }
}

.home-slide .bx-wrapper, .home-slide .bx-viewport{
max-height: 600px !important;
}

.form-control{
	    font-size: 1.3rem !important;
}
.crypto-card.d-flex.active {
    border: 3px solid #b48934  !important;
}
.navbar {
    background: linear-gradient(180deg, rgba(0, 8, 7, .2) 0%, rgba(0, 8, 7, 0) 61.31%), linear-gradient(90deg, #011e1b 0%, #002d28 29.94%, #002d28 73.12%, #011e1b 95.26%) !important;
    border-radius: 0 0 24px 24px !important;
  border-bottom: 2px solid #f4c871 !important;
      box-shadow: 0 2px #001210 !important;
	      max-height: 61px !important;
}

nav#mainNavbar:before {
    background: url(/website_assets/images/pattern.webp), linear-gradient(180deg, rgba(0, 8, 7, .2) 0%, rgba(0, 8, 7, 0) 61.31%), linear-gradient(90deg, #011e1b 0%, #002d28 29.94%, #002d28 73.12%, #011e1b 95.26%)!important;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-blend-mode: color-dodge, normal, normal;
    z-index: -1;
    opacity: .35;
    border-radius: 26px;
}
#sidebar li a:before {
    background-color: #262e4800 !important;
    bottom: 0;
    content: "";
    height: 1px;
    left: 12px;
    position: absolute;
    right: 12px;
}

.bootstrap-select.custom-select-picker .dropdown-toggle, .bootstrap-select .form-control {
    background-color: rgb(7 24 22 / 99%) !important;
    color: white !important;
    border: 1px solid #ffffff1f !important;
}
.bootstrap-select.custom-select-picker .dropdown-menu {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7);
    border: 1px solid rgb(120 100 61) !important;
}
.bootstrap-select.custom-select-picker .dropdown-menu input {
    background: #01211e !important;
    color: white !important;
}
.bootstrap-select.custom-select-picker li a:hover {
    background-color: #01211e !important;
    color: white !important;
    border-radius: 3px;
}
#sidebar li:hover {
    background-color: #01211e;
}
#sidebar ul.categories li{
	padding-left:0 !important;
}
.bootstrap-select.custom-select-picker .dropdown-menu, .bootstrap-select.custom-select-picker li a {
    background-color: #00312d !important;
    color: white !important;
}

.has-search input {
    background-color: rgb(7 24 22 / 99%) !important;
    border-radius: 6px;
    flex: 1;
    position: relative;
    color: #d5d5d5;
    height: 34px;
    border: 1px solid #ffffff1f !important; 
    border: 0;
 padding-left: 30px !important;
}
nav#sidebar:before {
    background: url(/website_assets/images/pattern.webp), linear-gradient(180deg, rgb(1, 12, 11) .12%, rgba(0, 0, 0, 0) 7.42%), radial-gradient(493.81% 56.93% at 53.02% 36.04%, #00302b 0%, #001210 63.37%, #000908 100%) !important;
    background-blend-mode: color-dodge, normal, normal;
    z-index: -1;
    opacity: .35;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100vh;
}
.link-machine:before {
  
    background-image: linear-gradient(180deg, rgba(3, 28, 25, .85) 0%, rgba(3, 82, 74, .85) 100%) !important;
}
.link-machine .machine-picture,.link-machine1 .machine-picture {
    border: 2px solid rgb(255, 207, 115) !important;
	    box-shadow: 0 10px 35px #0003;

}

.navbar-nav.me-auto.mb-2.mb-lg-0 {
    align-items: center !important;
}

.crypto-container{
 background: #023530 !important;
}
.crypto-container > div{
	    background: #001210  !important;
}
ul.sub_menu_dropdown.menu-provider-mobile {
    background: linear-gradient(180deg, rgb(1, 12, 11) .12%, rgba(0, 0, 0, 0) 7.42%), radial-gradient(493.81% 56.93% at 53.02% 36.04%, #00302b 0%, #001210 63.37%, #000908 100%) !important;
left: -10px !important;
}
@media (max-width: 767px) {
   .form-control{
	   padding: 0 !important;
	   min-height: 20px !important;
   }
}
.menu-mobile .item.active {
    background-image: radial-gradient(152.76% 108.61% at 50% 118.13%, rgba(255, 247, 234, 0.9) 12.93%, rgb(13 13 13 / 50%) 33.8%, rgba(190, 147, 78, 0) 80.98%), linear-gradient(180deg, #8a6326 0%, #af823c 50%) !important;
    box-shadow: 0 6px 22px #cca25f4f;
    height: 37px;
    font-weight: bold;
    color: black !important;
}
.dropdown-menu,.dropdown-item:focus, .dropdown-item:hover {
    background: #023f38;
    color: white !important;
}
.dropdown-menu{
	    color: white !important;
}
.dropdown-item:focus, .dropdown-item:hover{
		    color: white !important;
				    background: #01211e  !important;
}
.dropdown-item{
			    color: white !important;

}

#contactBtn i{
	color: #0596de !important;
	    font-size: 23px;
}

#contactBtn{
	    display: flex;
    justify-content: center;
    align-items: center;
	
	padding: 6px;
	font-size:18px !important;
	text-align:center;
	  text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 0px;
  text-transform: uppercase;
  user-select: none;
  box-sizing: border-box;
  border: 2px solid rgb(0, 102, 89);
  border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 16px, rgb(1, 34, 30) 0px 2px 0px;
  transition: translate ease-out 0.25s;
    border-radius: 40px !important;
	background: radial-gradient(102.92% 122.37% at 50% 125.16%, rgb(1 173 154 / .9) 15.15%, rgb(0 18 16 / 0) 100%) !important;
}

.btn-demo,#registerBtn,#depositBtn{
  text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 0px;
  text-transform: uppercase;
  user-select: none;
  box-sizing: border-box;
  border: 2px solid rgb(0, 102, 89);
  border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 16px, rgb(1, 34, 30) 0px 2px 0px;
  transition: translate ease-out 0.25s;
    border-radius: 40px !important;
	background: radial-gradient(102.92% 122.37% at 50% 125.16%, rgb(1 173 154 / .9) 15.15%, rgb(0 18 16 / 0) 100%) !important;
}
.nav-link{
	
}
.wallet-tabs li a.active{
	background: #0a413b  !important;
} 
.nav-tabs {
    border-bottom: 1px solid #0a413b !important;
}
.table-dark{
     --bs-table-bg: #0a413b !important;

}


  .dataTables_wrapper {
    border: 3px solid rgb(120 100 61 / .5) !important;
    background: url(/assets/images/pattern/pattern.webp), radial-gradient(96.62% 98.25% at -9.43% -8.86%, #023d37 0%, rgba(2, 29, 26, 0) 100%), linear-gradient(180deg, #00211d 0%, #021715 85.52%) !important;
    border-radius: 20px;
    padding: 19px;
    overflow: hidden;
}

div.dataTables_wrapper div.dataTables_filter input,  .dataTables_length select{
    background: #001412 !important;
    color: white !important;
    border: 1px solid #ffcf7329 !important;
}
.pagination li a {
    background: #001412 !important;
    border: #001412 !important;
}

#registerBtn,#depositBtn{
	    padding: 10px !important;
}
#depositModal .payment-list {
    background: #0a413b !important;
  
}
.btn-primary {
    background: #9b7d42 !important;
    border: 1px solid #ffcf73 !important;
}
.profile-sidebar-list{
	    height: 100%;
    margin: 0;
    border: 1px solid rgb(120 100 61);
    border-radius: 24px;
    position: relative;
}
nav#sidebar-profil{
	height:400px;
}
nav#sidebar-profil,.block-profile{
    background: url(/assets/images/pattern/pattern.webp), radial-gradient(96.62% 98.25% at -9.43% -8.86%, #023d37 0%, rgba(2, 29, 26, 0) 100%), linear-gradient(180deg, #00211d 0%, #021715 85.52%) !important;
    border: 3px solid rgb(120 100 61 / .5) !important;
 
    border-radius: 24px !important;
    background-blend-mode: color-dodge, normal, normal;
}
.payment-list h3 {
    font-weight: bold;
    padding: 10px;
    background: #ffcf73 !important;
    color: black !important;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px;
    border-radius: 10px;
}
a.nav-link.active::before{
	bottom: -6px !important;
}

.menu-auth{
	    align-items: center;
}
.menu-language button {
    background: #023f38  !important;
    color: white  !important;
  
}
.custom-dropdown .dropdown-menu {
    background-color: #011413  !important;
    color: #fff  !important;
}
.custom-dropdown .dropdown-menu .dropdown-item{
	 background-color: #011413  !important;
    color: #fff  !important;
}

.custom-dropdown .dropdown-menu .dropdown-item:hover{
	 background-color: #023f38  !important;
}
.btn-demo:after,#registerBtn:after{
background: radial-gradient(102.92% 122.37% at 50% 125.16%, rgb(1 173 154 / .9) 15.15%, rgb(0 18 16 / 0) 100%) !important;
content: "";
}
@media (max-width: 768px) {
    .menu-auth-mobile button {
   height: auto;
     
    }
}
.menu-mobile{
	background-color: transparent !important;
	    height: 50px !important;
    border-bottom: 1px solid #ffcf73c2 !important;
}
.btn-demo:before,#registerBtn:before{
	    content: "";
	    background: radial-gradient(102.92% 122.37% at 50% 125.16%, rgb(1 173 154 / .9) 15.15%, rgb(0 18 16 / 0) 100%);

}
.btn-demo:hover,#registerBtn:hover {
background-color: #011413 !important;
}
.btn-play{
	border: 3px solid rgb(255, 207, 115) !important;
    box-shadow: 0 0 0 3px #634008 !important;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 3px 3px 0 rgba(0, 0, 0, 0.32) inset, 0 12px 20px 0 rgba(61, 38, 0, 0.5) inset !important;
    background: radial-gradient(152.76% 108.61% at 50% 118.13%, rgba(255, 247, 234, 0.9) 12.93%, rgba(255, 217, 156, 0.9) 33.8%, rgba(190, 147, 78, 0) 80.98%), linear-gradient(180deg, #8a6326 0%, #af823c 50%) !important;
    border-radius: 30px !important;
}
.btn-play:hover {
  background: radial-gradient(175.81% 125% at 50% 105.92%, rgba(255, 247, 234, 0.9) 12.93%, rgba(255, 217, 156, 0.9) 33.8%, rgba(190, 147, 78, 0) 80.98%),
              linear-gradient(180deg, #8a6326 0%, #af823c 50%) !important;
}
@media (min-width: 1422px) {
    .btn-play, .btn-demo {
        font-size: 1.0vw !important;
    }
}
.btn-close{
filter: invert(1) !important;
}
.button-custom.blue{
	border: 3px solid rgb(255, 207, 115) !important; 
    box-shadow: 0 0 0 3px #634008 !important;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 3px 3px 0 rgba(0, 0, 0, 0.32) inset, 0 12px 20px 0 rgba(61, 38, 0, 0.5) inset !important;
    background: radial-gradient(152.76% 108.61% at 50% 118.13%, rgba(255, 247, 234, 0.9) 12.93%, rgba(255, 217, 156, 0.9) 33.8%, rgba(190, 147, 78, 0) 80.98%), linear-gradient(180deg, #8a6326 0%, #af823c 50%) !important;
    border-radius: 30px !important;
}
.button-custom.blue:hover {
  background: radial-gradient(175.81% 125% at 50% 105.92%, rgba(255, 247, 234, 0.9) 12.93%, rgba(255, 217, 156, 0.9) 33.8%, rgba(190, 147, 78, 0) 80.98%),
              linear-gradient(180deg, #8a6326 0%, #af823c 50%) !important;
}


nav#sidebar, #sidebar-collapsed {
    background: linear-gradient(180deg, rgb(1, 12, 11) .12%, rgba(0, 0, 0, 0) 7.42%), radial-gradient(493.81% 56.93% at 53.02% 36.04%, #00302b 0%, #001210 63.37%, #000908 100%) !important;
    border-right: 1px solid #ffffff1c !important;
}
.custom-modal .modal-title, .custom-modal .modal-content {
    color: #fff;
}
.custom-modal .modal-content{
	background: radial-gradient(96.62% 98.25% at -9.43% -8.86%,#023d37 0%,rgba(2,29,26,0) 100%),linear-gradient(180deg,#00211d 0%,#021715 85.52%) !important;
    border: 1px solid rgb(120, 100, 61) !important;
    border-radius: 16px !important;
}
.custom-modal{
	   box-shadow: 0 6px 16px rgb(120, 100, 61) !important;
}
.custom-modal input,.custom-modal select{
	    border-color: rgb(255,207,115) !important; 
    background-color: rgb(0, 18, 16) !important;
	color: white !important;
	    border-radius: 30px;
}
.slider-provider-list .provider_logos img{
	filter: hue-rotate(300deg) saturate(1.1) !important;
}
.menu-icon{
	border:0 !important;
}


ul.categories li a svg:not(.icon-casino-category-roulette) path,
ul.categories li a svg:not(.icon-casino-category-roulette) g path,
ul.menu-provider-mobile li  svg:not(.icon-casino-category-roulette) path,
ul.menu-provider-mobile li  svg:not(.icon-casino-category-roulette) g path

 {
  /* styles ici, par exemple : */
  fill: white;
}
path.roulette_svg__primary {
    fill: white;
}
path#airplane {
    stroke: none;
}
.bx-wrapper .bx-loading {
    background: #00302a !important;
}

.hot-button,.popular-button {
    background: radial-gradient(102.92% 122.37% at 50% 125.16%, rgb(1 173 154 / .9) 15.15%, rgb(0 18 16 / 0) 100%) !important;
    border-radius: 30px !important;
    border: 2px solid #01312d !important;
    align-items: anchor-center;
    display: flex !important;
    justify-content: center !important;
}


.custom-modal .form-control:focus{
	 background-color: rgb(0, 18, 16) !important;
	color: white !important;
	    border-radius: 30px;
		  border-color: rgb(255,207,115) !important;
}
.form-control:focus{
	    box-shadow: 0 0 0 .25rem rgb(255 207 115 / 68%) !important;
}
nav#sidebar{
	    top: 0 !important;
    margin: 0px 0 15px 15px !important;
}

#loginBtn, #dropdownMenuButton {
    background-image: linear-gradient(to bottom right, #aa8445, #facd73) !important;
  /*  box-shadow: 0 20px 16px 0 #000,0 3px 0 0 #0000006e !important;*/
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 16px, rgb(1, 34, 30) 0px 2px 0px;

    background-image: url(/website_assets/images/button_animation.webp) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
    padding: 10px !important;
    border: 1px solid rgb(120, 100, 61);  !important;
		border-radius: 30px !important;

}