.cards {
	background: #1f2230 !important;
}

body {
    background-color: #1f2230 !important;
    color: #fff!important;
}

.diceRouletteBox {
    background-color: #183856 !important;
    border: 1px solid #1f2230 !important;
}

.form-control {
    background-color: rgb(24, 37, 51) !important;
    border: 1px solid #1a222c!important;
    color: #d2d2d2!important;
}
.amount-number {
    transition: all .3s ease-in-out;
	border: 1px solid #182533 !important;/* 
	background: linear-gradient(360deg,#fa5454,#ff8282) !important; */
    background: linear-gradient(360deg, #0077ff, #3461df) !important;
	color: #fff !important;
}
 
 .amount-number:hover {/* 
	background: linear-gradient(360deg,#fa5454,#ff8282) !important; */
    background: linear-gradient(360deg, #3461df, #0077ff) !important;
}

td, th {
	border-bottom: 1px solid #5c5c5c2e !important;
}

.games-item {
    border-top: 1px solid #1f2230 !important;
}
.still svg {
    fill: #f4a202  !important;
 
}
.still .games-title {
    color: #8696a8!important;
}

.games-menu {
	box-shadow: none !important;
}
.lds-ellipsis div
{
	background: #496db0  !important;
}
.games-title {
    color: #8696a8 !important;
}
 .games-img {
	     filter: invert(20%)!important;
 }
 .games-menu {
	     background-color: #1f2230  !important;
 }

.header {
    background-color: #1f2230 !important;
    border-bottom: 1px solid #1f2230 !important;
	box-shadow: none !important;
 
}

.gm {
	    /* filter: invert(20%)!important; */
}
.form-control:focus {
  
   border-color: #3d3d3d!important;
 
}


::-webkit-scrollbar-thumb {
    background-color: #5b7287  !important;
   
}

::-webkit-scrollbar-track-piece {
    background-color: #173756 !important;
}
.likeLevlBox {
	background-color: #0e1621 !important;
}

 

.lvl, .sumDep  {
    color: #8696a8!important;
}

.list, .logoBox, .circle-online, img {
	/* filter: invert(10%)!important; */
}
.mines .cell.win {/* 
    opacity: 0.75; */ 
}

.winT {
	background-color: #0077ff !important;
	color: #eee !important;
}
.card-header {
    background-color: #1f2230 !important;
}
.stepsCoffs {
	border: 1px solid #3d3d3d  !important;
}
.stepsCoffs.win {
    border: 1px solid #28a745d6 !important;
    color: #28a745fa !important;
}

.stepsCoffs.active {
    border: 1px solid #8696a8  !important;
    color: #8696a8  !important;
}

@media (max-width: 992px) {
	
	
.header-menu {
    background-color: #1f2230;
    border-top: 8px solid #1f2230 !important;
    border-bottom: 8px solid #1f2230 !important
}
}
.cards, .blue {
	box-shadow: none !important;
}

.ser, .green, .gree, .gold, .red, .blue, .blu {
    transition: all 0.1s ease-in-out;
    color: #fff;
}

.ser {
    background: linear-gradient(360deg, #0077ff, #3461df);
}
.blu {
    background: linear-gradient(360deg, #0077ff, #0077ff);
}

.gree {
    background: linear-gradient(360deg, #509600, #b8fe67);
}

.green {
    background: linear-gradient(360deg, #509600, #509600);
}

.gold {/* 
    background: linear-gradient(90deg, #ffc658 -18.18%, #986500 49.18%, #ffc658 120%); */
    background: linear-gradient(90deg,#2e3cff .06%,#1d53e9 98.49%);
}

.red {
    background: linear-gradient(360deg, #fa5454, #ff8282);
}

.blue {
    background: linear-gradient(360deg, #003cff, #557eee);
}


.ser:active, .green:active, .blu:active, .gree:active, .gold:active, .red:active, .blue:active {
    transform: scale(1.05);
}




.noty.success {
    background-image: linear-gradient(45deg,#008523,#59dd5c)  !important;;
}

.noty.error {
    background-image: linear-gradient(45deg,#a11e1e,#880606) !important;
}
.close {
	    color: #eee !important;
}
.modal-header {
border-bottom: 1px solid #182533 !important;
}
.modal-content {
	background-color: #182533 !important;
}
.vue-notification.success {
 
    border-left-color: #326b42 !important;
    background-image: linear-gradient(45deg,#165a28,#1d7237) !important;
}

.vue-notification.error {
    border-left-color: #731e18 !important;
    background-image: linear-gradient(45deg,#5a1616,#721d1d) !important;
}


.mines .cell {
    /* border-radius: 15px; */
	background-color: #000
}
.mines .cell:hover {
   /* background-color: #454545; */
}

 .legend-wheel-coefficient {
	 background-color: #465768   !important;
	 
 }
 .legend-wheel-inner {
	 background-color: #465768   !important;
 }
 
 .mines .bombs .amount-number.active {
    transition: all .3s ease-in-out;/* 
	background: linear-gradient(360deg,#fa5454,#ff8282) !important; */
    background: linear-gradient(360deg, #0077ff, #3461df) !important;
}

 .legend-wheel-coefficient-item>span {
    color: #dedede   !important;
 }

.live_ {
	background-image: linear-gradient(45deg,#0077ff,#3461df) !important;
    color: #fff;
    box-shadow: 0 0 5px 0 #242f55!important;
}
.live .coef {
    color: #fff;
}

.live .slotname{
    color: #fff !important;
}







.slots__banners-item, .slots__banners-item-btn {
    transition: all .3s ease-in-out;
}
.slots__banners-item:hover, .slots__banners-item-btn:hover {
    transform: scale(1.03);
}



.new-games.v2 > div{
    justify-content: start;
}


.cards {
    background-color: #ffffff85;
    /* box-shadow: 0 25px 65px rgb(224 221 240/45%) */
}
.box-with-warning,
.box-with-success,
.box-with-danger,
.box-with-primary {
    position: relative;
    border-radius: 12px;
    padding: 5px 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 1rem 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 100%;
    overflow: hidden;
}

/* Полупрозрачный фон + размытие */
.box-with-warning::before,
.box-with-success::before,
.box-with-danger::before,
.box-with-primary::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: -1;
}

/* Цветные фоны */
.box-with-warning {
    background: rgba(255, 184, 34, 1);
    box-shadow: 0 4px 20px rgba(255, 184, 34, 0.5);
}

.box-with-success {
    background: rgba(102, 187, 106, 1);
    box-shadow: 0 4px 20px rgba(102, 187, 106, 0.5);
}

.box-with-danger {
    background: rgba(239, 83, 80, 1);
    box-shadow: 0 4px 20px rgba(239, 83, 80, 0.5);
}

.box-with-primary {
    background: linear-gradient(90deg, rgba(116, 73, 230, 1), rgba(105, 164, 255, 1));
    box-shadow: 0 4px 20px rgba(116, 73, 230, 0.5);
}