* {
text-decoration: none !important;
padding: 0px;
margin: 0px;
}

body{
width: 100%;
height: 100%;
background: #0e0e0e;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; 
}

::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}

::-webkit-scrollbar
{
width: 1px;
background-color: transparent;
}

::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: transparent;
}
.modal {
--bs-modal-zindex: 10005055 !important;    
}


img {
width: 100%;
}

ul {
margin: 0px!important;
padding: 0px !important;
}

p {
margin-bottom: 0px !important;
}

.df {
display: flex;
}

.df_aic {
display: flex;
align-items: center;
}

.df_aie {
display: flex;
align-items: end !important;
}

.df_jcc {
display: flex;
justify-content: center;
}

.df_jcsb {
display: flex;
justify-content: space-between; 
}

.df_aic_jcc{
display: flex;
align-items: center;
justify-content: center; 
}

.df_aic_jce{
display: flex;
align-items: center;
justify-content: flex-end; 
}

.df_aic_jcsb{
display: flex;
align-items: center;
justify-content: space-between; 
}

.dfc_jce {
display: flex;
justify-content: end;  
}

.container {
padding: 0px !important;  
}

.container-fluid {
padding: 0px !important;
}

.btn-bg {
width: 100%;
cursor: pointer;
padding: 0px;
min-height: 30px;
border-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
padding: 0px 15px;
color: #9ea0a3;
border: solid 2px #414148;
background-color: #252528;
font-size: 12px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
}

.avia {
height: 100vh;
background: #0e0e0e;
}

.avia .container-fluid {
height: 100%;
}

/* avia_nav */

.avia_nav {
height: 70px;
position: fixed;
width: inherit;
top: 0;
left: 0;
z-index: 40;
background-color: #1b1c1d;
padding: 0 15px;
box-sizing: border-box;
}

.avia_nav_flex {
height: 100%;
}

.avia_logo img{
width: 84px;
margin-left: 10px;
height: 100%;
}

.avia_nav_right_conetnt {
gap: 10px;
padding-right: 5px;
}

.avia_nav_promt {
color: #5f3816;
background-color: #e69308;
border: solid 1px #ffbd71;
text-align: center;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 10px 5px;
cursor: pointer;
}

.avia_nav_balance {
display: flex;
align-items: center;
gap: 5px;
}

.balance_value {
font-size: 16px;
color: #28a909;
font-weight: 700;
}

.balance_text {
color: #9b9c9e;
font-size: 12px;
}

.avia_nav_menu {
padding-left: 5px;
padding-right: 5px;
}

.avia_nav_header {
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #464648;
border-right: 1px solid #464648;
font-size: 20px;
color: #767b85;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}

.avia_nav_dropdown {
position: absolute;
z-index: 999999;
right: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
top: 75px;
width: 320px;
background: #2c2d30;
}

.nav-dropdown_list {
margin-top: 10px;
}

.avia_nav_dropdown_ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: relative;

}

.avia_nav_dropdown_active {
opacity: 1;
visibility: visible;
}


.avia_dropdown_header {
height: 62px;
background: #2c2d30;
display: flex;
align-items: center;
justify-content: space-between;
}


.avia_dropdown_header_left {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
}

.avia_nav_dropdown_name {
color: white;
font-size: 16px;
font-weight: 700;
}

.avia_dropdown_settingAva {
background: #252528;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: #83878e;
cursor: pointer;
padding: 6px 15px 6px 10px;
width: auto;
border: solid 1px #414148;
border-radius: 21px;
gap: 5px;
}

.avia_dropdown_settingAva i {
font-size: 20px;
}

.avia_dropdown_settingAva_text {
font-size: 12px;
color: #83878e;
text-align: center;
line-height: 12px;
}

.jet-nav-chat {
padding-left: 5px;
padding-right: 10px;  
display: none;  
}

.jet_nav_btn {
width: 40px !important;

}

.jet-nav-payin-btn {
height: 30px;
cursor: pointer;
color: #5f3816;
font-weight: 600;
display: flex;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding: 20px 15px;
text-align: center; 
background: linear-gradient(263.87deg, rgb(230 147 8) 0%, rgb(230 147 8) 100%);
border-radius: 10px;  
border: solid 1px #ffbd71;
}


.nav-dropdown-item {
display: flex;
align-items: center;
gap: 10px;
height: 36px;
padding: 0px 10px;
cursor: pointer;
border-top: solid 1px rgba(255,255,255,.1);
background: #1b1c1d;
}

.m_item_nav {
display: none;
}

.nav-dropdown-item i {
color: #948ac5;
font-size: 15px;
width: 20px;
text-align: center;
}

.bonus_item  i {
color: #e69308 !important;
}

.nav-dropdown-item img {
width: 18px;
height: 18px;
}

.nav-dropdown-item-title {
font-size: 13px;
font-weight: 400;
text-align: left;
color: rgb(255, 255, 255);    
}

.avaUpdate_modal_conetent {
position: relative;
}

.avaUpdate_modal_list {
display: flex;
flex-wrap: wrap;
padding: 1rem;
background: #1b1c1d;
position: relative;
overflow: hidden;
justify-content: center;
}

.avaUpdate_modal_item {
width: 70px;
height: 70px;
border-radius: 50%;
border: 4px solid #333;
background-position: center;
cursor: pointer;
overflow: hidden;
margin-bottom: 10px;
margin-right: 10px;
}

.avaUpdate_modal_item_active {
border: 4px solid #428a12;
cursor: default;
}

.avaUpdate_modal_footer {
font-size: 14px;
border: 0;
background: #2c2d30;
padding: 10px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

.avaUpdate_modal_close {
width: 90px;
height: 40px;
color: #6c757d;
margin: 0 auto;
border-radius: 20px;
background-color: transparent;
display: flex;
border: 1px solid #6c757d;
align-items: center;
justify-content: center;
cursor: pointer;
}

.avaUpdate_modal_close:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}


.nav-dropdown-item {
display: flex;
align-items: center;
gap: 10px;
height: 36px;
padding: 0px 16px;
cursor: pointer;
}

.m_item_nav {
display: none;
}

.nav-dropdown-item i {
color: #767b85;
font-size: 15px;
width: 20px;
text-align: center;
}

.nav-dropdown-item img {
width: 18px;
height: 18px;
}

.nav-dropdown-item-title {
font-size: 14px;
font-weight: 500;
text-align: left;
color: rgb(255, 255, 255);    
}

.nav-dropdown-animation {
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px 10px;
background: #1b1c1d;
height: 44px;
border-top: solid 1px rgba(255,255,255,.1);
}

.nav-animation-item {
display: flex;
align-items: center;  
gap: 10px;
}

.nav-animation-checkbox {
display: grid;
border: 1px solid rgba(255,255,255,.51);
border-radius: 7px;
width: 34px;
height: 19px;
position: relative;
cursor: pointer;  
z-index: 9999999;
}

.nav-dropdown-animation input{
display: none;
} 


.animation-checkbox-dot {
min-width: 14px;
max-width: 14px;
height: 14px;
box-shadow: inset 0 0 7px #00000029;
background-color: #fff;
border: solid 2px #a3b98a;
border-radius: 50%;
position: absolute;
top: 1px;
left: 1px;
opacity: 0.3;
}

.checkbox_dropdown:checked + .nav-animation-checkbox  .animation-checkbox-dot{
position: absolute;
left: calc(100% - 17px);
opacity: 1
}

.checkbox_dropdown:checked + .nav-animation-checkbox {
border: solid 1px #60ae05;
background-color: #229607;
}




/* avia_nav ..... */

/* avia_left */

.avia_row {
height: 99%;
padding-top: 80px;
display: flex;
}

.avia_left {
max-width: 410px;
width: 100%;
height: 100%;
flex-grow: 0;
flex-shrink: 0;
padding-left: 10px;
}

.avia_left_content {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
background: #1b1c1d;
border-radius: 10px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
}

.avia_left_tabs {
position: relative;
max-width: 200px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 24px;
max-height: 24px;
font-size: 12px;
margin-top: 5px;
background: #141516;
border-radius: 10px;
border: solid 1px #141516;
}

.avia_tabs_item {
height: 100%;
position: relative;
text-align: center;
background: none;
border: none;
color: #9ea0a3;
padding: 0;
width: 100px;
cursor: pointer;
z-index: 10;
}

.avia_tabs_line {
height: 100%;
position: absolute;
border-radius: 10px;
left: 0;
transition: transform .5s ease;
width: 100px;
background: rgb(44, 45, 48);
z-index: 1;
}

.avia_tabs_active {
color: #fff;
cursor: default;
}

.avia_tabs_active + .avia_tabs_line {
transform: translate(100px);
}

.avia_tabs_item:hover {
color: red;
}

.avia_tabs_active:hover {
color: white;
}

.avia_blog_wee {
color: white;
text-transform: uppercase;
font-size: 14px;
line-height: 1.2;
}

.avia_blog_history {
height: 20px;
font-size: 12px;
padding: 0 8px 0 8px;
white-space: nowrap;
color: #9ea0a3;
border-radius: 17px;
border: solid 1px #414148;
background-color: #252528;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
}

.avia_blog_history:hover .avia_blog_history i {
color: red;
}

.avia_blog_thead {
font-size: 11px;
color: #7b7b7b;
height: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}

.avia_blog_user, .avia_bet_item_user {
width: 19%;
}

.avia_blog_bet, .avia_bet_item_bet {
width: 35%;
padding-right: 10px;
text-align: right;
white-space: nowrap;
}

.avia_blog_cash {
flex: 1;
text-align: right;
white-space: nowrap;
}

.avia_bet_item {
height: 34px;
background-color: #101112;
border: solid 1px #101112;
}

.avia_bet_item .avia_bet_item_content {
display: flex;
align-items: center;
font-size: 14px;
color: #bbbfc5;
}

.avia_bet_item_user {
display: flex;
align-items: center;
height: 100%;
}

.avia_bet_item_ava {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
margin-left: 2px;
margin-right: 5px;
display: flex;
align-items: center;
justify-content: center;
}

.avia_bet_item_name {
font-size: 13px;
color: #9ea0a3;
line-height: 1.2;
font-weight: 500;
}

.avia_bet_shoulder_blog {
background-color: #00000080;
font-weight: 700;
font-size: 12px;
padding: 2px 11px;
border-radius: 11px;
}

.avia_bet_item_cash {
flex: 1;
padding-right: 5px;
text-align: right;
}

.avia_bet_active {
background-color: #123405;
}

.avia_bet_active div { 
color: #fff;    
}

.shoulder_color1 {
color: rgb(52, 180, 255) !important;
}

.shoulder_color2 {
color: rgb(145, 62, 248) !important;
}

.shoulder_color3 {
color: rgb(192, 23, 180) !important;
}

.histrory_blog:nth-child(2) {
display: none;
}

.histrory_active .histrory_blog:nth-child(1){
display: none;
}

.histrory_active .histrory_blog:nth-child(2){
display: block;
}

.avia_blog_history i:nth-child(2){
display: none;
font-size: 18px;
}

.avia_history_active i:nth-child(1), .avia_left_blog{
display: none;
}

.avia_history_active i:nth-child(2){
display: inline-block;
}

.avia_history_active {
border: solid 1px #e90000;
background-color: #600;
}


.histrory_blog {
height: 100%;
overflow-y: scroll;
}



/* avia_left ..... */


/* jet-shoulder */

.jet-main-shoulder {
position: absolute;
width: calc(100% - 20px);
left: 0;
top: 0;
z-index: 2200;
overflow: hidden;
}

.main-shoulder-active {
position: absolute;
width: calc(100% - 20px);
left: 0;
top: 0;
z-index: 1000;
  
border-radius: 16px; 
margin-left: 10px;
}

.main-shoulder-active .jet-main-shoulder-btn, .main-shoulder-active .jet-main-shoulder-bg{
display: none;
}

.main-shoulder-active .jet-main-shoulder-header {
display: block;
}

.main-shoulder-active .jet-main-shoulder-content {
padding: 10px;
flex-wrap: wrap;
gap: 10px;
}

.main-shoulder-active + .jet-main-schedule {
margin-top: 26px;
}

.jet-main-shoulder-header {
display: none;
}

.jet-main-shoulder-content  {
width: 99%;
gap: 6px;
padding-left: 15px;
overflow-x: scroll;
}

.jet-main-shoulder-item {
pointer-events: none;
}

.jet-main-shoulder-bg {
position: absolute;
top: 0px;
right: 0px;
height: 56px;
pointer-events: none;
width: 353px;
overflow: hidden;
background: linear-gradient(270deg, rgb(21, 16, 41) 7.81%, rgba(21, 16, 41, 0) 100%);
z-index: 5;
}

.jet-main-shoulder-btn {
position: absolute;
top: 0px;
right: 0px;
z-index: 10; 
max-width: 30px;   
}

.shoulder-header {
padding: 10px 12px;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
height: 56px;
background: linear-gradient(0deg, rgba(21, 16, 41, 0.25), rgba(21, 16, 41, 0.25));
border-bottom: rgb(47, 36, 92);
}

.jet-main-shoulder-header-left {
color: white;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}

.jet-main-shoulder-header-left i {
color: #944ef5;    
font-size: 20px;
}

.jet-main-shoulder-header-btn {
max-width: 30px;
background: rgba(222, 139, 3, 0.15);
color: #de8b03;
}

.jet-main-shoulder-header-btn:hover {
background: rgba(222, 139, 3, 0.15);
color: #de8b03;
}

.jet-main-schedule {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
z-index: -1;

}

.schedule-active, .schedule-start {
z-index: 100;
}



.schedule-animation-none .schedule-bg1, 
.schedule-animation-none .schedule-bg2,
.schedule-animation-none .lucky-jet {
display: none;
}



.schedule-svg {
position: relative;
width: 100%; 
height: 100%;
}

.schedule-animate-img {
position: relative;
}

#error_requisites_c, #error_requisites_f {
color: #ff0000;
padding-left: 15px;
font-size: 14px;
}

.schedule-animate-img img:nth-child(1){
position: absolute;
width: 148%;
margin-top: 82%;
margin-left: -96%;
z-index: -1;
}

.schedule-animate-img img:nth-child(2){
position: absolute;
width: 100%;
z-index: 10;
}

.schedule-number {
position: absolute;
top: 35%;
width: 100%;
margin: auto;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}


.schedule-number-header {
position: relative;
color: rgb(148, 78, 245);
font-size: 40px;
font-weight: 900;
display: flex;
align-items: end;
justify-content: center;
gap: 10px;
opacity: 1;
transform: scale(1.0);
}

.schedule-number-animated{
display: inline;
color: white;
font-weight: 900;
font-size: 95px;
width: 140px;
line-height: 66px;
font-weight: 900;
font-variant-numeric: tabular-nums;
animation-timing-function: unset;
animation-delay: unset;
animation-iteration-count: unset;
animation-direction: unset;
animation-fill-mode: unset;
animation-play-state: unset;
animation-name: unset;
animation-duration: 0.7s;
}

.schedule-number-animated::after {
display: inline;
content: "x";
font-size: 60.84px;
line-height: 48px;
font-weight: 900;
text-transform: uppercase;
}

.number-animated-active {
animation: 0.7s ease 0s 1 normal none running finish_number;   
transition: 0.7s; 
}

@-webkit-keyframes finish_number {
0% {
opacity: 1;
transform: scale(1.1);
}
25% {
opacity: 0;
transform: scale(1.0);
}
50% {
opacity: 1;
transform: scale(1.1);
}
75% {
opacity: 0;
transform: scale(1.0);
}
100% {
opacity: 1;
transform: scale(1.1);
}
}

@keyframes finish_number {
0% {
opacity: 1;
transform: scale(1.1);
}
25% {
opacity: 0;
transform: scale(1.0);
}
50% {
opacity: 1;
transform: scale(1.1);
}
75% {
opacity: 0;
transform: scale(1.0);
}
100% {
opacity: 1;
transform: scale(1.1);
}
}




.schedule-number-finish {
position: relative;
font-size: 34px;
font-weight: 900;
line-height: 45px;
letter-spacing: 0em;
text-transform: uppercase;
color: rgb(250, 250, 250);
text-shadow: rgba(138, 138, 138, 0.5) 0px 0px 21.9869px;
text-align: center;
opacity: 0;
top: 60px;
}

.schedule-finish-active {
animation: 0.4s ease 0s 1 normal forwards running gEoZNG;
top: 0 !important;
transition: 0.4s ease 0s;
opacity: 1;
}

.jet-main-schedule .schedule-bg1,
.jet-main-schedule .schedule-bg2,
.jet-main-schedule .schedule-bg3,
.jet-main-schedule .schedule-bg4 {
animation-play-state: paused;
}

.schedule-start .schedule-bg1,
.schedule-start .schedule-bg2,
.schedule-start .schedule-bg3,
.schedule-start .schedule-bg4{
animation-play-state: running;
}

.jet-main-rate {
gap: 12px;
padding: 12px 12px 16px;  
margin-top: auto;
}

.jet-main-rate-item {
width: 50%;
height: 137px;
min-height: 70px;
gap: 12px;
}

.jet-rate-item-header {
background: linear-gradient(90deg, rgb(31, 24, 61) 0%, rgb(38, 31, 77) 100%);
mix-blend-mode: normal;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;
border-radius: 14px;
padding: 8px 10px 32px;
    
}

.jet-main-rate-item-header {
width: 100%;
}

.jet-main-rate-checkbox-item {
color: white;
gap: 5px;
font-size: 12px;
}

.jet-main-rate-checkbox {
width: 40%;
gap: 12px;
}

.jet-main-rate-check {
position: relative;
width: 26px;
height: 26px;
padding: 5px;
background: rgb(38, 31, 77);
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: rgb(181, 172, 157);
cursor: pointer;
border: 4px solid rgb(27, 21, 54);
}

.jet-main-rate-checkbox-item label {
position: relative;
cursor: pointer;  
display: flex;
align-items: center;
gap: 3px;
}

.jet-main-rate-checkbox-item label:before {
  content:'';
  width: 26px;
  height: 26px;
  padding: 5px;
  background: rgb(38, 31, 77);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: rgb(181, 172, 157);
  cursor: pointer;
  border: 4px solid rgb(27, 21, 54);
}

.jet-main-rate-checkbox-item input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.jet-main-rate-checkbox-item input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 10px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.jet-main-rate-coin, .jet-main-rate2-coin {
background: rgb(27, 21, 54);
border-radius: 8px;    
position: relative;
max-width: 120px;
width: 100%;
height: 30px;
overflow: hidden;
pointer-events: all;
justify-self: end;
}

.rate-coin-auto {
pointer-events: none;
background: rgb(59, 49, 117);
}


.jet-main-rate-coin input, .jet-main-rate2-coin input {
font-size: 13px;
font-weight: 700;
line-height: 13px;
letter-spacing: 0px;
background: none;
border: none;
outline: none;
width: 100%;
height: 100%;
text-align: center;
padding-left: 12px;
opacity: 1;
transition: opacity 0.16s ease 0s;
box-shadow: transparent 0px 0px 0px 1000px inset;
color: rgb(250, 250, 250) !important; 
}

.jet-main-rate-coin-rezult {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 100;
height: 100%;
display: grid;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
grid-auto-columns: max-content;
grid-auto-flow: column;
font-weight: bold;
font-size: 13px;
line-height: 13px;
text-align: center;
gap: 4px;
color: transparent;
pointer-events: none;
opacity: 1;
transition: opacity 0.16s ease 0s;    
}

.jet-main-rate-coin-rezult :first-child {
color: rgb(148, 138, 197);
}

.jet-rate-item-main {
background: linear-gradient(90deg, rgb(36, 29, 71) 0%, rgb(43, 35, 87) 100%);
mix-blend-mode: normal;
box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 24px;
border-radius: 14px;
padding: 10px 10px 13px;
display: flex;
gap: 8px;   
margin-top: -23px;
}

.jet-rate-item-blog {
background: rgb(27, 21, 54);
border-radius: 10px;
pointer-events: all;
width: 100%;
transition: opacity 0.5 ease;
opacity: 1;
}

.rate_coin_none {
opacity: 0.7;
pointer-events: none;
transition: opacity 0.5 ease;
}

.jet-rate-item-amount {
padding: 5px;
display: grid;
grid-template-columns: 26px 1fr 26px;
border-bottom: 1px solid rgb(38, 31, 77);
grid-template-rows: 1fr; 
}

.jet-rate-item-amount-button {
position: relative;
z-index: 100;
padding: 0px;
min-width: 26px;
min-height: 26px;
color: white;
font-size: 12px;
font-weight: 600;
text-align: center; 
display: flex;
align-items: center;
justify-content: center;
background: rgb(35 29 71);
cursor: pointer;
border-radius: 10px;
}

.jet-rate-item-amount-button:hover {
background: rgb(59, 49, 117);
transition: opacity 0.32s ease 0s,  background 0.16s;
}

.jet-rate-item-amount-rezult {
position: relative;
}

.jet-rate-item-amount-rezult input {
outline: none;
min-width: 0px;
width: calc(100% + 25px);
background: transparent;
font-size: 16px;
text-align: center;
color: white;
caret-color: white;
padding: 0px; 
border: none;
margin-left: -25px;
}

.rate-item-amount-repeat {
position: absolute;
left: 12.5px;
top: 0px;
width: 100%;
height: 100%;
display: grid;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
grid-auto-columns: max-content;
grid-auto-flow: column;
font-family: Rocketfont;
font-size: 16px;
font-weight: 400;
text-align: center;
color: transparent;
pointer-events: none;
opacity: 1;    
}

.rate-item-amount-repeat :last-child {
width: 50px;
text-align: left;
padding-left: 4px;
color: rgb(255, 255, 255);
}

.jet-rate-item-list {
display: flex;
align-items: center;
padding: 5px;
gap: 4px; 
}

.jet-rate-item-col {
background: rgb(35, 29, 71);
display: flex;
align-items: center; 
justify-content: center;
width: 25%;
min-height: 25px;
font-size: 10px;
color: rgb(148, 138, 197);
cursor: pointer;
border-radius: 10px;
}

.jet-rate-item-col:hover {
background: rgb(59, 49, 117);
transition: opacity 0.32s ease 0s,  background 0.16s; 
}

.jet-rate-item-col input {
width: 100px;
background: transparent;
border: none;
color: rgb(148, 138, 197);
text-align: center;
font-weight: 600;
pointer-events: none;
}

.jet-rate-item-button {
background: rgb(27, 21, 54);
border-radius: 14px;
width: 100%;
min-height: 65px;
border: none;
padding: 3px;
position: relative;
}

.jet-rate-item-button input {
height: 100%;
width: 100%;
border-radius: 12px;
font-size: 15px;
font-weight: 700;
line-height: 20px;
text-align: center;
color: rgb(250, 250, 250);
text-shadow: rgb(138, 138, 138) 0px 0px 20px;
display: grid;
-webkit-box-pack: center;
place-content: center;
grid-auto-rows: max-content;
text-transform: uppercase;
font-variant-numeric: tabular-nums;
background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
box-shadow: rgba(25, 201, 245, 0.1) 0px 10px 20px, rgba(92, 36, 252, 0.1) 0px 10px 20px, rgb(148, 78, 245) 0px -2px 4px inset, rgba(148, 78, 245, 0.6) 0px -8px 8px inset;
cursor: pointer;  
border: none;  
}

.jet-rate-item-button3 input {
height: 100%;
width: 100%;
border-radius: 12px;
font-size: 15px;
font-weight: 700;
line-height: 20px;
text-align: center;
color: rgb(250, 250, 250);
text-shadow: rgb(138, 138, 138) 0px 0px 20px;
display: grid;
-webkit-box-pack: center;
place-content: center;
grid-auto-rows: max-content;
text-transform: uppercase;
font-variant-numeric: tabular-nums;
background: linear-gradient(263.87deg, rgb(245, 78, 118) 0%, rgb(252, 36, 75) 100%);
box-shadow: rgba(245, 25, 65, 0.1) 0px 10px 20px, rgba(252, 36, 101, 0.1) 0px 10px 20px, rgb(245, 78, 118) 0px -2px 4px inset, rgba(245, 78, 128, 0.6) 0px -8px 8px inset;
cursor: pointer;  
border: none;      
}

.jet-rate-item-button::after, .jet-rate-item-button3::after {
content: "";
position: absolute;
width: 101px;
height: 3px;
bottom: -10px;
left: calc(50% - 50.5px);
border-radius: 12px 12px 0px 0px;
background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);    
}

.jet-rate-item-button3::after  {
background: linear-gradient(263.87deg, rgb(245, 78, 118) 0%, rgb(252, 36, 75) 100%);
}

.jet-rate-item-button2 {
border-radius: 14px;
width: 100%;
border: none;
padding: 3px;
position: relative;
display: none;
}

.jet-rate-item-button3 {
border-radius: 14px;
width: 100%;
border: none;
padding: 3px;
position: relative;
display: none;
}

.rate2_btn-take{
height: 100%;
width: 100%;
border-radius: 12px;
font-size: 15px;
line-height: 20px;
text-align: center;
color: rgb(250, 250, 250);
text-shadow: rgb(138, 138, 138) 0px 0px 20px;
display: flex;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
background: linear-gradient(263.87deg, rgb(253, 187, 78) 0%, rgb(245, 103, 25) 100%);
box-shadow: rgba(253, 187, 78, 0.1) 0px 10px 20px, rgba(253, 187, 78, 0.1) 0px 10px 20px, rgb(253, 187, 78) 0px -2px 4px inset, rgba(253, 187, 78, 0.6) 0px -8px 8px inset;
cursor: pointer;
}

.rate2_btn-takespan:nth-child(1) {
font-weight: 500;
}

.rate2_btn-take span:nth-child(2) {
font-weight: 900;
}


.jet-rate-item-button2::before {
content: "";
position: absolute;
width: 101px;
height: 3px;
bottom: -10px;
left: calc(50% - 50.5px);
border-radius: 12px 12px 0px 0px;
background: linear-gradient(263.87deg, rgb(253, 187, 78) 0%, rgb(245, 103, 25) 100%);    
}

.jet-main-animatsion {
position: relative;
width: 100%;
height: 100%;
}

.jet_main_animatsion__content {
position: relative;
width: 100%;
height: 100%;

}

.jet_main_animatsion_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
height: 100%;
background: #151028;
}

.jet-main-laoding {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
width: 100%;
z-index: -1;
height: 100%;
background: #151028;
transition: all 0.32s ease 0s;
}

.laoding-active {
z-index: 100;
visibility: visible;
opacity: 1;
}

.jet-main-laoding-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
height: 100%;
}

.jet-main-laoding-img {
max-width: 150px;
-webkit-animation: rotation 0.7s  linear infinite;
}

@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(180deg);
}
}

.jet-main-laoding-blog {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
}

.jet-main-laoding-text {
font-size: 28px;
font-weight: 900;
max-width: 355px;
text-align: center;
color: rgb(255, 255, 255);
text-transform: uppercase;
}

.progress-bar{
position:relative;
width: 256px;
height: 4px;
background: #1b1c1d;
border-radius:10px;
}

.progress-line{
position:absolute;
top: 0;
left: 0;
width:100%;
height:100%;
background: rgb(255 1 55);
border-radius:25px;
}

.error__blog {
position: absolute;
top: 8%;
right: 1%;
z-index: 999999;
width: 2000px;
display: flex;
align-items: center;
justify-content: end;
gap: 15px;
overflow-x: hidden;
flex-wrap: nowrap;
}

.error__blog-item {
padding: 2px;
padding-left:15px;
padding-right: 15px;
color: white;
background: #c54141;
border-radius: 16px;
text-align: center;
opacity: 0.8;
pointer-events: none;
border: none;
outline: none;
}


.error__blog-item > span {
display: none;
}

/* ...... */ 

/* avia_center */

.avia_center {
width: 87%;
padding: 0 10px 10px;
}

.avia_center_content {
position: relative;
padding-top: 30px;
height: 100%;
display: flex;
flex-direction: column;
}

.avia_center_header {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 20;
overflow: hidden;
}


.avia_center_header_btn {
position: absolute;
top: 0px;
right: 0px;
z-index: 10;
width: 46px;
height: 22px;
border-radius: 13px;
border: solid 1px #414148;
background: #252528;
cursor: pointer;
margin-left: 6px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: #9ea0a3;
font-size: 12px;
}

.avia_center_header_btn:hover {
color: red;
}

.avia_center_list {
display: flex;
align-items: center;
gap: 15px;
width: 98%;
overflow: hidden;
min-height: 22px;
max-height: 22px;
margin-bottom: 10px;
}

.avia_center_header_drop {
position: relative;
width: 10px;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}

.avia_center_top {
border-radius: 16px;
width: 100%;

}

.avia_center_header_title {
height: 32px;
line-height: 32px;
font-size: 14px;
display: flex;
justify-content: flex-start;
padding-left: 10px;
color: white;
display: none;
text-transform: uppercase;
}

.avia_center_header_avtive .avia_center_header_title{
display: block;
}

.avia_center_header_avtive .avia_center_top {
background: #1f2128;
box-shadow: 0 2px 20px #00000080;
margin: 0 5px;
}

.avia_center_header_avtive  .avia_center_list {
background: #262830;
padding: 5px;
flex-wrap: wrap;
border-radius: 0 0 16px 16px;
height: 100%;
min-height: unset;
max-height: unset;
}

.avia_center_header_avtive .avia_center_header_btn {
color: red;
}

.avia_center_header_avtive .avia_center_header_drop {
transform: rotate(180deg);
transition: 0.2s ease;
} 

.avia_game {
position: relative;
width: 100%;
height: 100%;
border-radius: 20px;
border: 1px solid #2a2b2e;
overflow: hidden;
}

.avia_game_header {
background: rgba(229,148,7,.8);
text-align: center;
font-size: 14px;
font-weight: 700;
width: 100%;
border-radius: 20px 20px 0 0;
border: 1px solid #e59407;
color: white;
}

.avia_game_content {
position: relative;
height: 100%;
}

.avia_game_img {
position: absolute;
bottom: 0;
left: 0;
width: 150px;
height: 150px;
}

.avia_game_bottom {
margin-top: auto;
}

.avia_game_flex {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
padding-top: 10px;
}

.avia_game_item {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background-color: #1b1c1d;
    border: solid 1px transparent;
    width: 100%;
    height: 128px;
    max-width: 750px;
    min-width: 310px;
    border-radius: 20px;
}

.avia_game_item_setting {
background: #141516;
border-radius: 10px;
border: solid 1px #141516;
position: relative;
display: flex;
align-items: center;
height: 24px;
font-size: 12px;
margin-bottom: auto;
margin-top: 10px;
}

.avia_game_set_blog {
width: 100px;
height: 100%;
position: relative;
text-align: center;
background: none;
border: none;
color: #9ea0a3;
padding: 0;
cursor: pointer;
z-index: 10;
}

.avia_game_set_blog:hover {
color: red;
}

.avia_game_set_active {
color: white;
}

.avia_game_set_active:hover {
color: white;
}

.avia_game_set_line {
width: 100px;
height: 100%;
position: absolute;
left: 0;
border-radius: 10px;
transition: transform .5s ease;
background: rgb(44, 45, 48);
z-index: 1;
}

.avia_game_set_active + .avia_game_set_line{
transform: translate(100px);
}

.avia_game_bid {
width: calc(100% - 20px);
max-width: 390px;
display: flex;
justify-content: center;
margin:  auto auto;
}

.avia_game_bid_amount {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 140px;
}

.avia_game_amount {
height: 34px;
font-size: 18px;
margin-bottom: auto;
}

.avia_game_amount_content {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
transition: opacity .1s;
border-radius: 22px;
background-color: #000000b3;
font-weight: 700;
font-size: inherit;
line-height: 1;
padding-left: 10px;
padding-right: 10px;
}

.avia_game_amount_value {
display: flex;
align-items: center;
width: calc(100% - 35px);
height: 100%;  
}

.avia_game_amount_blog {
display: inline-flex;
align-items: center;
cursor: pointer;
}

.avia_game_amount_value input {
 width: 100%;
border: 0;
background: transparent;
color: #fff;
text-align: inherit;
padding: 0;
font-weight: 700;
outline: none;
text-align: center;
font-size: 18px;
}

.avia_game_bid_list {
display: flex;
justify-content: center;
flex-wrap: wrap;
font-size: 14px;
color: #9ea0a3;
width: 100%;
}

.bid_list_item {
font-size: 14px;
width: 64px;
height: 18px;
margin-top: 4px;
line-height: 1;
padding: 0;
background: #141516;
border: none;
cursor: pointer;
border-radius: 100px;
color: #83878e;
text-align: center;
box-shadow: none;
}

.avia_game_bid_button {
width: calc(100% - 145px);
margin-left: 5px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.avia_game_bid_button {
max-width: 245px;
width: 100%;
margin-left: 5px;
height: 78px;
}

.avia_game_bid_blog {
width: 100%;
height: 100%;
display: none;
}

.avia_game_bid_btn {
width: 100%;
height: 100%;
font-size: 20px; 
border: solid 1px #b2f2a3;
background-color: #28a909;
box-shadow: inset 0 1px 1px #ffffff80;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.5);  
border-radius: 20px;
}

.avia_game_bid_title {
text-transform: uppercase;
font-size: 20px;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.5);
font-weight: 400;
}

.avia_game_bid_value {
font-size: 18px;
margin-top: 2px;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.5);
font-weight: 400;
}

.avia_game_bid_value span {
font-size: 24px;
}

.avia_game_auto_checbox {
display: flex;
align-items: center;
color: white;

}

.bid_btn_cancellation {
border: solid 1px #ff7171;
background-color: #cb011a;
box-shadow: inset 0 1px 1px #ffffff80;
}

.bid_btn_take {
border: solid 1px #ffbd71;
background-color: #d07206;
}

.auto_checkbox {
display: grid;
border: 1px solid rgba(255,255,255,.51);
border-radius: 7px;
width: 36px;
height: 18px;
padding: 0 2px;
position: relative;
cursor: pointer;  
z-index: 999;
}

.avia_game_auto_checbox input{
display: none;
} 

.avia_game_auto_text {
font-size: 12px;
margin: 0 5px 0 0;
text-align: center;
color: #9ea0a3;
}

.auto_checkbox_dot {
min-width: 14px;
max-width: 14px;
height: 14px;
box-shadow: inset 0 0 7px #00000029;
background-color: #fff;
border: solid 2px #a3b98a;
border-radius: 50%;
position: absolute;
top: 1px;
left: 1px;
opacity: 0.3;
  
}

.auto_checkbox_input:checked + .auto_checkbox .auto_checkbox_dot{
border-radius: 5px;
width: 15px;
height: 15px;
position: absolute;
top: 2px;
left: calc(100% - 17px);
opacity: 1;

}

.auto_checkbox_input:checked + .auto_checkbox {
border: solid 1px #60ae05;
background-color: #229607;
}

.avia_game_auto {
display: none;
}

.avia_game_auto_flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 190px;
height: 40px;
}

.avia_game_auto_input {
position: relative;
width: 80px;
height: 30px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 22px;
background-color: #000000b3;
font-weight: 700;
font-size: inherit;
line-height: 1;
padding-left: 10px;
padding-right: 5px;
font-size: 16px;
}

.avia_game_auto_input input {
width: 70%;
border: 0;
background: transparent;
color: #fff;
text-align: inherit;
padding: 0;
outline: none;
border: none;
font-weight: 700;
padding-left: 5px;
}

.avia_game_auto_input::after {
position: absolute;
content: "x";
right: 10px;
font-size: 16px;
color: #fff;
opacity: .5;
}

#rate1__coin, #rate2__coin {
opacity: 0.5;
pointer-events: none;
}



/* avia_center ..... */


/* avia_right */

.avia_right {
max-width: 291px;
width: 100%;
height: 100%;
}

.jet-right-content {
background: #1b1c1d;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
border-radius: 10px;
}

.jet-right-header {
border-bottom: 1px solid rgb(42 43 46);
padding: 0px 16px;
position: relative; 
width: 100%;
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
}

.jet-right-header-icon {
width: 20px;
}

.jet-right-header-icon svg > path {
fill: rgb(222, 139, 3);
}

.jet-right-header-info {
display: flex;
flex-direction: column;
padding-left: 10px;
line-height: 17px;
}

.jet-right-header-info span:nth-child(1) {
font-size: 16px;
font-weight: 900;
text-align: left;
color: rgb(250, 250, 250);
margin-top: 1px;
}

.jet-right-header-info span:nth-child(2) {
font-size: 12px;
font-weight: 500;
color: rgb(158 160 163);
}



.jet-right-header-btn {
max-width: 30px;
width: 100%;
border-radius: 10px; 
display: flex;
align-items: center;
justify-content: center;
}

.jet-right-header-btn:hover, .btn-bg:hover {
color: red;
fill: red;
}

.btn-bg:hover path {
fill: red;
}

/* jet-chat */

.jet-chat {
position: relative;
border-bottom: 1px solid rgb(28, 21, 55);
padding: 12px 16px 12px 12px;
overflow: hidden;
height: 90%;
}

.jet-chat::before  {
position: absolute;
content: "";
top: 0px;
left: 0px;
height: 56px;
width: 100%;
z-index: 1;
background: linear-gradient(rgb(27 28 29) 0%, rgba(24, 20, 41, 0) 100%, rgba(21, 16, 41, 0) 100%);
}

.jet-chat-content {
overflow-y: scroll;
height: 100%;
display: flex;
flex-direction: column-reverse;
}
.jet-chat-gif {
max-width: 117px;
width: 100%;
border-radius: 16px;
overflow: hidden;
}

.jet-chat-item:not(:nth-child(1)) {
margin-bottom: 10px;
}

.jet-chat-item-flex {
display: flex;
gap: 8px;
}

.jet-chat-item-ava {
max-width: 26px;
width: 100%;
height: 26px;
border-radius: 50%;
overflow: hidden;
background: #0d9a5f;
color: white;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}

.ava_bg1 {
background: #046092;
}

.ava_bg2 {
background: #5a6c1c;
}

.ava_bg3 {
background: #a49f11;
}

.ava_bg4 {
background: #430e60;
}

.ava_bg4 {
background: #f54108;
}

.ava_bg5 {
background: #a9a1c7;
}

.ava_bg6 {
background: #731826;
}

.jet-chat-item-info {
width: 100%;
font-size: 13px;
display: block;
}

.jet-chat-name{
color: rgb(148, 138, 197);
margin-right: 4px;
width: 60px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.jet-chat-text {
color: white;
font-weight: 600;
width: 100%;
word-break: break-word;
overflow-wrap: anywhere;
}

.jet-chat-rate-content {
background: #0e0e0e;
width: 100%;
border-radius: 11px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px;  
}

.jet-chat-rate-hedaer {
border-bottom: 1px solid rgb(40, 40, 40);
padding: 10px 12px;
display: flex;
align-items: center;
justify-content: space-between;
}
.jet-chat-rate-item {
display: flex;
align-items: center;
gap: 5px;
width: 50%;
}

.jet-chat-rate-id {
color: rgb(148, 138, 197);  
font-size: 12px;
}

.jet-chat-rate-rezult {
padding: 10px 12px 12px;
}

.jet-chat-rate-rezult-item {
display: flex;
justify-content: space-between;
}

.jet-chat-rate-rezult-col {
display: flex;
flex-direction: column;
align-items: start;
gap: 4px;
}

.jet-chat-rate-rezult-title{
font-weight: 400;
font-size: 12px;
color: rgba(223, 229, 242, 0.3);
}

.jet-chat-rate-rezult-coin {
text-align: right;
color: white;    
font-size: 13px;
font-weight: 700;
}

.jet-chat-rate-rezult-win {
font-weight: 600;
color: rgb(253, 187, 78);
}
/* ...... */

/* jet-message */

.jet-message {
display: flex;
padding: 12px 16px 16px 12px;
gap: 10px;
-webkit-box-align: center;
align-items: center;    
flex-direction: column;
}

.jet-message-form {
position: relative;
width: 100%;
}

.jet-message-form input {
background: rgb(8 8 9);
border-radius: 10px;
display: grid;
-webkit-box-align: center;
align-items: center;
padding: 0px 40px 0px 14px;
font-weight: 500;
font-size: 12px;
color: rgb(223, 229, 242);
border: none;
outline: none;
height: 40px;
width: 100%;
}

.jet-message-button {
position: absolute;
margin: 4px;
top: 0px;
right: 0px;  

}

.jet-message-btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
z-index: 10;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
background: rgb(27 28 29);
border: none;
width: 37px;
min-height: 32px;
border: 3px solid rgb(65 65 72);
transition: opacity 0.32s ease 0s, background 0.16s;
color: rgb(158 160 163);
}


.jet-message-btn:hover {
transition: opacity 0.32s ease 0s,  background 0.16s;
color: red;

}

.jet-message-btn img {
width: 15px;
}

.jet-message-footer {
width: 100%;
}

.jet-message-item {
width: 30%;
}

.jet-message-emoji, .jet-message-gif, .jet-message-gif-none, .jet-message-history {
position: relative;
max-width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
z-index: 10;
}

.jet-message-history {
display: none;
}

.jet-message-gif-none, .jet-message-gif, .jet-message-history {
max-width: 30px;
}

.jet-message-emoji::before {
content: "";
display: block;
width: calc(100% + 6px);
height: calc(100% + 6px);
left: -3px;
top: -3px;
z-index: -1;
position: absolute;
border-radius: 10px;
transition: opacity 0.32s ease 0s;
}

.jet-message-maxlength {
font-size: 9px;
font-weight: 500;
color: rgba(148, 138, 197, 0.6);
text-align: end;

}

.jet_message_laoding {
width: 100%;
}

.jet_message_laoding {
display: none;
}

.message_laoding {
width: 100%;
height: 100%;
min-height: 40px;
min-height: 40px;
position: relative;
top: 0px;
border: 1px solid #2a2b2e;
background: rgb(14 14 14);
border-radius: 10px;
overflow: hidden;
}

.message_laoding_line {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
background: rgb(0 0 0);
border-radius: inherit;
overflow: hidden;
animation: 4.976s linear 0s 1 normal forwards running cDMCFx;   
}

/* ...... */

/* ...... */

/* jet_footer */

.jet_footer {
display: none;
}

.jet_footer_content {
width: 100%;
height: 82px;
padding: 16px;
}

.jet_footer_logo {
width: 77px;
}

.jet_footer_rules {
font-weight: 600;
font-size: 12px;
line-height: 17px;
text-decoration-line: underline;
color: rgb(250, 250, 250);
}

/* jet_footer finish */

/* gif__blog */

.gif__blog {
display: none;
position: absolute;
width: 262px;
bottom: -15%;
right: 17px;
overflow: hidden;
background: #1b1c1d;
border-radius: 12px ;
transition: 0.5s ease;
border: 1px solid #2a2b2e;
}

.gif__blog_active {
display: block;
bottom: 4%;
transition: 0.5s ease;
}

.gif__info {
position: sticky ;
top: 0px ;
z-index: 100 ;
padding: 0px ;
}

.gif__header {
display: flex;
align-items: center;
justify-content: space-between;
background: rgb(14 14 14);
padding: 14px;
color: white;
}

.gif_header_icon {
width: 20px;
height: 20px;
opacity: 0.5;
transition: all 0.32s ease 0s;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}

.gif__search {
position: relative;
z-index: 20;
padding: 13px 12px;
}

.gif__search_input {
background: rgb(27, 22, 55);
color: white;
border: none;
outline: none;
width: 100%;
height: 36px;
display: grid;
-webkit-box-align: center;
align-items: center;
border-radius: 10px;
padding: 0px 12px;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.23px;
}

.gif__section {
overflow: scroll;
position: relative;
background: #1b1c1d;
z-index: 10;
height: 320px; 
}

.gif__section_flex {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding: 10px;
}

.gif__section_item {
width: 48%;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}

.gif__section_item img {
height: 100%;
}

/* gif__blog ...... */

.avia_right_active {
display: none;
}

/* avia_right ......  */

.comein-content {
padding: 0 20px 20px;    
}


.comein-message {
display: flex;
align-items: center;
gap: 15px;
margin-top: 10px;
margin-bottom: 15px;
}

.comein-message-item {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8.59px;
cursor: pointer;
}

.comein-message-item img{
width: 20px;
height: 20px;
}

.comein-message-item:nth-child(1){
background-color: rgb(35, 112, 179);
background-image: linear-gradient(135deg, rgb(74, 131, 177), rgb(36, 76, 121));  
}

.comein-message-item:nth-child(2) {
background-color: rgb(242, 242, 242);
}

.comein-message-item:nth-child(3) {
background-color: rgb(255, 0, 0);
}

.comein-message-item:nth-child(4) {
background-color: rgb(0, 95, 249);
}

.comein-else {
position: relative;
height: 1em;
width: 100%;
margin-bottom: 15px;
}

.comein-else:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
height: 1px;
width: 100%;
background: #edf0f7;
}

.comein-else-text {
position: absolute;
display: inline-block;
background: #fff;
color: rgba(106,118,144,.2);
padding: 7px;
top: 50%;
left: 50%;
font-size: 14px;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);   
}

.comein-form-item {
position: relative;
margin-bottom: 10px;
}

.comein-form-item input {
width: 100%;
min-height: 35px;
border-radius: 8px;
background-color: #edf0f7;
color: rgba(7,12,25,.8);
padding: 0 15px;
border: none;
outline: none;
font-size: 12px;
}

.comein-form-eye {
position: absolute;
width: 40px;
height: 100%;
top: 0;
right: 0;
font-size: 12px;
cursor: pointer;
color: rgba(106,118,144,.2);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
}

.eye-active {
color: rgba(106,118,144,.8);
}

.comein-form-link {
text-align: end;
font-size: .85rem;
margin-bottom: 20px;
}

.comein-form-link span{
color: rgba(106,118,144,.65);
cursor: pointer;
}

.comein-form-button {
width: 100%;
margin-bottom: 15px;
margin-top: 15px;
}

.comein-form-button button{
width: 100%;
min-height: 45px;
background: -webkit-linear-gradient(359.23deg,#0095ff .96%,#0855c4 99.87%);
background: linear-gradient(90.77deg,#0095ff .96%,#0855c4 99.87%);
box-shadow: 0 6px 18px rgba(17,120,223,.3);
text-shadow: 0 4px 8px rgba(0,0,0,.1);
border-radius: 10px;
color: white;
font-weight: 600;
font-size: 15px;
padding: 0 15px;
transition: all .1s;
border: none;
}

.register-link {
margin-top: 24px;  
text-align: center;
font-size: 11px;
color: rgba(106,118,144,.65);
}

.register-link span {
font-weight: 600;
color: #1077de;
cursor: pointer;
line-height: 13px;    
margin-left: 5px;
}

.comein-modal-text {
margin-top: 10px;
font-size: 12px;
line-height: 1.29;
color: #070c19; 
}

.comein-form-next {
background: #edf0f7;
color: #6a7690;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
cursor: pointer;
}

.comein-form-newpassword {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 338px;
}

.comein-modal-newpassword {
display: none;
}

.recaptcha_blog {
margin-bottom: 7px;
}

.recaptcha_blog_comein {
margin-top: 7px;
}

#newlogin {
height: 44px;
width: 350px;
background: transparent;
border: 1px solid #6128fc;
border-radius: 16px;
color: white;
padding: 12px;
}

.bbcodes {
background: linear-gradient(263.87deg, rgb(148, 78, 245) 0%, rgb(92, 36, 252) 100%);
box-shadow: rgba(25, 201, 245, 0.1) 0px 10px 20px, rgba(92, 36, 252, 0.1) 0px 10px 20px, rgb(148, 78, 245) 0px -2px 4px inset, rgba(148, 78, 245, 0.6) 0px -8px 8px inset;
color: white;
width: 250px;
height: 40px;
border: none;
border-radius: 8px;
}


.payin__jet-close_modal {
cursor: pointer;
}

/* ............ */

/* payin-modal payout-modal */

@media (min-width: 576px) {
.wallet-modal-dialog {
max-width: 680px !important;
}    
.history-modal-dialog {
max-width: 900px !important;  
}
.comein-modal-dialog {
max-width: 390px !important;
}
}

.payin__jet-header {
padding: 15px;
}

.wallet-modal-content {
background-color: #fff !important;
border-radius: 15px !important;   
overflow: hidden !important;
}

.wallet__jet {
height: 100%;
}

.wallet__jet-left {
max-width: 45%; 
width: 100%; 
padding: 20px 0 25px;
background-color: #edf0f7;    
}

.wallet__jet-right {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
max-width: 55%; 
width: 100%;  
}

.wallet__jet-top {
display: flex;
align-items: center;
gap: 5px;
padding: 0 20px;
margin-bottom: 10px;
}

.wallet__jet-top-img {
width: 60px;
}

.wallet__jet-top-text {
font-weight: 400;
font-size: 11px;
line-height: 13px;
color: #6a7690;
}

.wallet__jet-top-text span {
opacity: .65;  
font-weight: 600;  
}

.wallet__jet-tabs {
display: flex;
align-items: center;
padding: 0 20px;
gap: 10px;
}

.wallet__jet-tabs-item {
padding: 8px 10px;
font-size: 12px;
color: rgba(7,12,25,.55);
background-color: #fff;
border-radius: 10px;
cursor: pointer;    
}

.wallet__jet-tabs-active {
color: #fff;
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);    
}

.wallet__jet-content .wallet__jet-blog{
height: 395px;
overflow-y: scroll;
}

.wallet__jet-coin {
width: 100%;
margin-top: 20px;
padding: 5px 20px 0;
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: white;
}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar
{
width: 5px;
background-color: transparent;

}

.wallet__jet-content .wallet__jet-blog::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);
}

.wallet__jet-coin-item {
width: 49%;
height: 89px;
}

.coin-active .wallet__jet-coin-content{
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(321deg,#0095ff -19%,#0855c4 149%);
background-image: linear-gradient(129deg,#0095ff -19%,#0855c4 149%);
}

.coin-active .wallet__jet-coin-name {
color: white;
}

.coin-active .wallet__jet-coin-icon {
opacity: 1;
visibility: visible;
transform: opacity 0.5s;
}

.wallet__jet-coin-content {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
justify-content: space-between;
background-color: #fff;
flex-basis: calc(50% - 5px);
border-radius: 10px;
box-shadow: 0 4px 10px -5px rgba(0,0,0,.1);
position: relative;
padding: 10px;
cursor: pointer;

}

.wallet__jet-coin-img {
max-width: 25px;
width: 100%;
}

.wallet__jet-coin-bottom {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}

.wallet__jet-coin-name {
font-size: 15px;
}

.wallet__jet-coin-icon {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
border-radius: 50%;
font-size: 10px;
color: rgb(8, 93, 204);
background: white;
opacity: 0;
visibility: hidden;
transform: opacity 0.5s;
display: flex;
align-items: center;
justify-content: center;
}

.wallet__jet-blog {
display: none;
overflow: hidden;

}

.wallet__jet-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 20px 20px 10px;
}

.wallet__jet-title {
font-size: 20px;
font-weight: 700;
color: #090f1e;
}

.wallet__jet-close_modal {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #edf0f7;
font-size: 10px;
width: 24px;
height: 24px;
padding: 7px;
border-radius: 6px;
transition: 0.2s;    
}

.wallet__jet-close_modal:hover {
background: rgb(255, 0, 0);
color: white;
transition: 0.2s;
}

.wallet__jet-main-blog {
display: none;
}

.wallet__jet-blog-content {
padding: 0 20px 20px;
height: 100%;
}



.wallet__jet-blog-flex {
display: flex;
align-items: center; 
min-height: 45px;
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;    
}

.wallet__jet-blog-form {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.wallet__jet-blog-form, .wallet__jet-main, .wallet__jet-main-blog {
height: 100%;
}

.requisites_main_blog .wallet__jet-blog-content, .requisites_main_blog .wallet__jet-blog-form{
height: unset;
}


.wallet__jet-blog-name {
margin-right: 12px;
position: relative;
}

.wallet__jet-blog-name::after {
position: absolute;
content: "";
right: -11px;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(106,118,144,.2);   
}

.wallet__jet-blog-input {
width: 100%;
}

.wallet__jet-blog-input input {
width: 100%;
padding: 0 15px 0 10px; 
background-color: #edf0f7;
min-height: 45px;
color: rgba(65, 66, 69, 0.8); 
border: none; 
outline: none;
}

.wallet__jet-blog-name {
width: 30px;
height: 30px;
}

.wallet__jet-blog-col {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}

.wallet__jet-blog-item {
border-radius: 8px;
background-color: #edf0f7;
padding: 8px 9px;
cursor: pointer;
margin: 0 7px 7px 0;
font-weight: 600;
font-size: 12px;
text-align: center;
color: rgba(7,12,25,.5);
}

.wallet__jet-blog-button {
width: 100%;
}

.wallet__jet-blog-btn {
font-size: 16px;
font-weight: 600;
height: 50px;
width: 100%;
border-radius: 10px;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
margin-top: 15px;
border: none;
outline: none;
color: white;
}

.requisites__jet-right .wallet__jet-blog-btn {
width: 50%;
}

.requisites__jet-right .wallet__jet-blog-button {
display: flex;
align-items: center;
justify-content: flex-end;
}

.wallet__jet_info {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.wallet__jet_info_item {
width: 100%;
gap: 10px;
border-radius: 8px;
background-color: #edf0f7;
padding:10px;
}

.wallet__jet_info_item:nth-child(1), .wallet__jet_info_item:nth-child(2) {
width: 48%;
}

.wallet__jet_info_item:last-child{
display: flex;
align-items: baseline;
}

.wallet__jet_info_title {
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
}

.wallet__jet_info_coin {
display: flex;
align-items: center;
gap: 5px;
font-size: 18px;
font-weight: 600;
}

.wallet__jet_info_img {
width: 22px;
height: 22px;
border-radius: 50%;
overflow: hidden;
}

.wallet__jet_user_w {
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 10px;
margin-bottom: 10px;
}

.wallet__jet_user_w_title {
font-size: 500px;
font-size: 16px;
}

.wallet__jet_user_w_number {
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
word-break: break-word;
overflow-wrap: anywhere;
}

.wallet__jet_user_w_modal {
color: #0095ff;
text-align: end;
font-size: 16px;
cursor: pointer;
}

.history__jet {
max-width: 100%;
}

.history__jet .history_blog { 
height: 400px;
overflow-y: hidden;
}

.history_mob_item {
margin-bottom: 10px;
}

.history_mob_item:last-child {
margin-bottom: 0px;
}

.history_blog_content {
padding: 15px;
}

.history_table {
width: 100%;
}

.history_thead_tr th{
padding: 10px;
padding-bottom: 0px;
color: #4c4c4c;
}

.history_thead {
border-bottom: 1px solid #037feb;
}

.history_thead, .history_tbody_tr {
display: table;
width: 100%;
table-layout: fixed;
}

.history_tbody {
display: block;
height: 330px;
overflow-y: scroll;
}

.history_thead_tr th, .history_tbody_tr td{
padding: 10px;
}



/* ............ */


/* userinfo */

@media (min-width: 576px) {
.userinfo_modal_dialog {
max-width: 900px !important;
}
}

.userinfo_modal_content {
border-radius: 16px !important;
overflow: hidden;
height: 528px !important;
}

.userinfo_modal_header {   
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
}

.userinfo_modal_header_title {
font-size: 20px;
font-weight: 700;
color: #090f1e;
}

.userinfo_modal_header_close {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-color: #edf0f7;
font-size: 10px;
width: 24px;
height: 24px;
padding: 7px;
border-radius: 6px;
transition: 0.2s;
}

.userinfo_modal_header_close:hover {
background: rgb(255, 0, 0);
color: white;
transition: 0.2s;
}

.userinfo_modal_tabs {
padding: 10px;
display: flex;
align-items: center;
gap: 15px;
background-color: #edf0f7;
}

.userinfo_modal_tabs_item {
padding: 8px 10px;
font-size: 12px;
color: rgba(7,12,25,.55);
background-color: #fff;
border-radius: 10px;
cursor: pointer;
}

.userinfo_tabs_item  {
color: #fff;
box-shadow: 0 6px 18px 0 rgba(17,120,223,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);
}

.userinfo_blog {
display: none;
}

/* requisites */

.requisites__jet-left {
max-width: 35%;
width: 100%;
padding: 10px;
background-color: #edf0f7;
}

.requisites__jet-right {
max-width: 65%;
width: 100%;

}

.requisites_main_blog {
margin-top: 20px;
}

.user_wallet {
padding: 15px;
padding-top: 0px;
}

.user_wallet_title {
font-size: 20px;
font-weight: 700;
color: #090f1e;
}

.user_wallet_card {
height: 230px;
overflow-y: scroll;
}

.user_wallet_card::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: white;
}

.user_wallet_card::-webkit-scrollbar
{
width: 5px;
background-color: transparent;
}

.user_wallet_card::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(314deg,#0095ff -26%,#0855c4 150%);
background-image: linear-gradient(136deg,#0095ff -26%,#0855c4 150%);
}

.user_wallet_card_item {
margin-bottom: 10px;
}

.user_wallet_card_item:last-child {
margin-bottom: 0;
}


.user_wallet_card_flex {
display: flex;
align-items: center;
min-height: 45px;
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 0 10px;
}

.user_wallet_card_img {
position: relative;
width: 30px;
height: 25px;
margin-right: 12px;
}

.user_wallet_card_img::after {
position: absolute;
content: "";
right: -11px;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(106,118,144,.2);
}

.user_wallet_card_number {
width: 100%;
padding: 0 15px 0 10px;
background-color: #edf0f7;
border: none;
font-size: 14px;
outline: none;
}

.user_wallet_card_delete {
max-width: 150px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
background: #ff0000;
color: white;
border-radius: 8px;
cursor: pointer;
}



.delete_wallet_body {
background-color: #edf0f7;
padding: 10px;
}

.delete_wallet_text {
font-weight: 600;
}

.delete_wallet_button {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
margin-top: 15px;
}

.delete_wallet_btn {
max-width: 100px;
border-radius: 16px;
width: 100%;
height: 30px;
color: white;
display: flex;
align-items: center;
justify-content: center;
border: none;
}

.delete_wallet_btn:nth-child(1) {
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
}

.delete_wallet_btn:nth-child(2) {
background: #ff0000;
}

.delete_wallet_btn:nth-child(3) {
background: #ff0000;
}



/* requisites finish */

.newpass {
padding: 10px;
display: flex;
gap: 15px;
}

.newpass_blog {
width: 50%;
}

.newpass_info_text {
font-size: 16px;
font-weight: 400;
padding-top: 10px;
padding-bottom: 10px;
}

.newpass_info_item {
margin-bottom: 15px;
}

.newpass_info_item:last-child {
margin-bottom: 0px;
}

.newpass_info_item_flex {
display: flex;
align-items: center;
min-height: 45px;
background-color: #edf0f7;
border-radius: 10px;
overflow: hidden;
padding: 0 15px;
}

.newpass_info_item_icon {
position: relative;
font-size: 22px;
margin-right: 12px;
}

.newpass_info_item_icon::after {
position: absolute;
content: "";
right: -11px;
top: 0;
bottom: 0;
width: 1px;
background-color: rgba(106,118,144,.2);
}

.user_wallet_card_input {
width: 100%;
}

.user_wallet_card_input input{
width: 100%;
padding: 0 15px 0 10px;
background-color: #edf0f7;
min-height: 45px;
color: rgba(65, 66, 69, 0.8);
border: none;
outline: none;
}

.newpass_info_btn {
font-size: 16px;
font-weight: 600;
height: 50px;
width: 100%;
border-radius: 10px;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
border: none;
outline: none;
color: white;
text-align: center;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

/* userinfo finish */

/* info_modal */
@media (min-width: 576px) {
.info_modal_dialog {
position: unset !important;
max-width: 740px !important;
}
}

.exit-modal-text {
font-size: 18px;
color: black;
padding: 15px;
}

.exit_modal_btn {
font-size: 16px;
font-weight: 600;
height: 30px;
width: 100px;
border-radius: 10px;
box-shadow: 0 6px 18px 0 rgba(14,161,81,.3);
background-image: -webkit-linear-gradient(13deg,#31bc69 -8%,#089e4e 93%);
background-image: linear-gradient(77deg,#31bc69 -8%,#089e4e 93%);
margin-top: 15px;
border: none;
outline: none;
color: white; 
display: flex;
align-items: center;
justify-content: center;   
}

.exit_modal_btn:nth-child(1) {
background: rgb(206, 0, 0);
}

.exit_modal_btn:hover {
color: white;
}


.exit_modal_button {
padding: 15px;
gap: 10px;
padding-top: 0px;
}

.info_modal_sid_dialog {
max-width: 310px !important;
}

.rules__modal_dialog {
max-width: 1140px !important;
}

.promt_modal_dialog {
max-width: 800px !important;
}

.history__modal_dialog {
max-width: 347px !important;
}
.bonus__modal_dialog {
max-width: 514px !important;
}


#setting_sid_modal {
background: transparent !important;
}

.rules_modal_body {
overflow-y: scroll;
height: 60vh;
}

.rules_modal_title {
text-align: center;
font-size: 14px;
color: white;
margin-top: 10px;
margin-bottom: 5px;
text-transform: uppercase;
}

.rules_modal_bgtext {
border-radius: 6px;
background-color: #0000004d;
color: #9ea0a3;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

.rules_modal_subtitle {
font-size: 14px;
color: white;
}

.rules_modal_text {
color: #9ea0a3;
margin-top: 10px;
font-size: 14px;
}

.open_rules__modal {
display: inline-block;
color: red;
font-size: 14px;
margin-top: 1rem;
cursor: pointer;
}

.rules_modal_infoimg {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
margin-top: 30px;
}

.rules_modal_infoimg img{
width: 500px;
height: 513px;
}

.rules_modal_rules {
padding: 1rem;
font-size: 14px;
background: #1b1c1d;
}

.rules_modal_video {
width: 100%;
height: 623px;
}

.promt_modal_video {
width: 100%;
height: 450px;
}

.rules_modal_video_blog {
width: 100%;
height: 100%;
}

.rules_modal_flex {
justify-content: space-evenly;
}

.rules_modal_item_title {
font-weight: 700;
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
color: white;
}

.rules_modal_item_text {
margin-top: 10px;
background: url(../images/aviator/rules_modal_item_icon.svg) no-repeat top left;
background-size: 36px 36px;
padding-left: 40px;
height: 80px;
font-weight: 700;
color: white;
gap: 3px;
}

.rules_modal_item_text span {
color: red;
text-transform: uppercase;
font-weight: 700;
}

.rules_list {
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
}

.rules_list_title {
margin-left: -20px;
margin-bottom: 10px;
font-size: 14px;
color: white;
}

.rules_list_item {
position: relative;
margin: 0;
border: 0;
background: transparent url(../images/aviator/rules_list_item_icon.svg) no-repeat 0 3px;
padding: 2px 0 2px 14px;
color: #d2d2d2;
font-size: 14px;
}

.info_modal_content {
position: unset !important;
background: #2c2d30 !important;
border-radius: 16px !important;
overflow: hidden !important;
}

.promt_modal_video {
padding-top: 10px;
}

.promt_modal_body {
background: #f5a623;
}

.info_modal_header, .promt_modal_header {
width: 100%;
padding: 18px 12px 18px 12px;
height: 56px;
background: linear-gradient(0deg, rgba(21, 16, 41, 0.25), rgba(21, 16, 41, 0.25));
border-bottom: #2c2d30;
}

.promt_modal_header {
background: #e69308!important;
}

.promt_modal_header .info_modal_header_title {
color: #965419!important;
}

.info_modal_header_title {
color: white;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
}

.info_modal_header_title img{
width: 25px;
}

.info_modal_header_close {
max-width: 30px;
color: white;
display: flex;
align-items: center;
justify-content: center;
}



.info_modal_body_top {
background: #1b1c1d;
padding: 15px;
}

.info_modal_body_top_left {
font-weight: 600;
font-size: 12px;
line-height: 17px;
letter-spacing: 0.23px;
color: rgba(223, 229, 242, 0.7);
max-width: 620px
}

.info_modal_body_top_link {
color: red;
gap: 5px;
}

.info_modal_body_top_link i {
font-size: 16px;
}

.info_modal_clients {
padding: 10px 20px;
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px solid rgba(255,255,255,.1);
}

.clients_modal_item {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 10px;
max-width: 689px;
border-radius: 8px;
background-color: #0707084d;
padding: 10px 10px 10px 20px;
}

.info_modal_body {
background: #1b1c1d;
}

.clients_modal_header {
width: 100%;
}

.clients_modal_list {
width: 90%;
}

.clients_modal_header_flex {
gap: 10px;
}

.clients_modal_header_tiile {
font-size: 12px;
font-weight: 600;
line-height: 32px;
color: white;
}

.clients_modal_header_text {
width: 100%;
display: flex;
color: #9b9c9e;
font-size: 14px;
padding-left: 41px;
}

.clients_modal_item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 10px;
max-width: 689px;
border-radius: 8px;
background-color: #0707084d;
padding: 10px 10px 10px 20px;
}

.clients_modal_item:last-child {
margin-bottom: 0px;
}

.clients_modal_item_flex {
width: 100%;
height: 100%;
}

.clients_modal_item_checkbox {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
height: 100%;
}

.clients_modal_item_checkbox input {
display: none;
}

.clients_modal_item_check {
gap: 10px;
}

.clients_modal_checkbox {
position: relative;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #38ca07;
}

.clients_modal_checkbox::before{
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
left: 4px;
top: 4px;
}


.clients_checkbox_active.clients_modal_checkbox::before {
background: #38ca07;
border: 2px solid #38ca07;
}

.clients_modal_item_title {
color: #868b8d;
cursor: pointer;
font-size: 13px;
}

.clients_modal_sid, .clients_modal_sid2{
max-width: 365px;
width: 100%;
height: 36px;
border-radius: 10px;
background-color: #000;
padding-right: 10px;
padding-left: 12px;
font-size: 12px;
font-weight: 600;
line-height: 17px;
}

.clients_modal_sid2 {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
}

.clients_modal_sid {
display: flex;
align-items: center;
gap: 5px;
}

.clients_modal_sid_title {
color: #868b8d;
font-size: 14px;
}

.clients_modal_sid_value {
color: rgb(250, 250, 250);
width: 100%;
text-align: center;
}

.clients_modal_sid_copy {
width: 20px;
cursor: pointer;
}

.clients_modal_sid_copy img{
width: 20px;

}

.clients_modal_sid_btn {
position: relative;
max-width: 115px;
display: flex;
align-items: center;
justify-content: center;
background: #36cb12;
width: 100%;
min-height: 30px;
border-radius: 20px;
z-index: 1;
height: 30px;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
padding: 0px 15px;
color: white;
border: solid 1px #b2f2a3;
cursor: pointer;
text-transform: uppercase;
}



.clients_modal_item_btn {
display: none;
width: auto;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 17px;
letter-spacing: 0.23px;
text-align: center;
color: rgb(253, 187, 78);
border: none;
border-bottom: 1px solid rgb(253, 187, 78);
pointer-events: all;
opacity: 1;
}



.btn_disabled {
opacity: 0.7;
pointer-events: none;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
}

.clients_sid_modal_content {
background: #1b1c1d;
width: 100%;
height: 100%;
padding: 16px 10px 20px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

.clients_sid_modal_info {

font-weight: 600;
font-size: 12px;
line-height: 17px;
letter-spacing: 0.23px;
color: rgba(223, 229, 242, 0.7);
border-radius: 12px;
position: relative;
}

.clients_sid_modal_title {
margin-bottom: 24px;
}

.clients_sid_modal_input {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
background-color: #000;
height: 36px;
border-radius: 22px;
margin-bottom: 12px;
}

.clients_sid_modal_newsid {
color: rgb(148, 138, 197);
}

.clients_sid_modal_input input {
border: none;
padding: 5px 15px;
color: #fff;
background-color: #000;
width: 100%;
font-size: 16px;
outline: none;
}

.clients_sid_modal_button {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
height: 50px;
}

.clients_sid_modal_btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 30px;
border-radius: 20px;
z-index: 1;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
padding: 0px 15px;
color: white;
cursor: pointer;
font-size: 16px;
}


.clients_sid_modal_btn:nth-child(1) {
max-width: 60%;
border: solid 1px #ffbd71;
background: #d07206;
}

.clients_sid_modal_btn:nth-child(2) {
border: solid 1px #b2f2a3;
background: #28a909;
}

.clients_sid_modal_btn:nth-child(3) {
border: solid 1px #ff7171;
background: #cb011a !important;
color: white !important;
}

.clients_sid_modal_btn:nth-child(2), .clients_sid_modal_btn:nth-child(3) {
max-width: 46%;
}

.btn_random {
background: rgb(35, 29, 71);
}

.btn_random:hover {
color: white;
}



.btn_save_disabled {
opacity: 0.7;
pointer-events: none;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
}

.info_modal_bottom {
font-size: 14px;
border: 0;
background: #2c2d30;
padding: 10px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px!important;
color: #868b8d;
}

.rules_modal {
color: white;
}

.rules_modal_info {
background-color: #2d3c27;
font-size: 14px;
padding: 1rem;
}

.rules_modal span {
font-weight: 800;
font-size: 15px;
}

.rules_modal ul {
padding: 0px 0px 0px 14px !important;
color: rgba(223, 229, 242, 0.7);
}

.rules_modal ul li {
margin-top: 16px;
font-size: 12px;
}

.rules_modal ul span {
padding-left: 10px;
font-weight: 600;
font-size: 12px;
color: white;
}

.rules_modal ul p {
padding-left: 10px;
}

.rules_modal ol {
padding-left: 22px;
}

.rules_modal ol li {
margin-top: 0;
}

.rules_modal p {
color: rgba(223, 229, 242, 0.7);   
font-size: 12px;
}

.br_height {
height: 24px;
}

.rules_modal_item {
flex: 0 0 240px;
}

.rules_modal_img {
max-width: 240px;
width: 100%;
height: 140px;
border-radius: 20px;
border: 1px solid #4e4e4e;
}

.rules_modal_img img {
height: 100%;
}



.history__modal_blog {
padding: 10px;
}

.limit__modal_body {
padding: 10px 10px 2px;
}

.limit__modal_content {
padding: 10px;
border-radius: 8px;
}

.limit__modal_item {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid rgba(255,255,255,.1);
padding-left: 10px;
padding-right: 5px;
height: 34px;
}

.limit__modal_item:last-child {
    margin-top: 17px;
}

.limit__modal_item_name {
font-size: 14px;
color: white;
}

.limit__modal_item_nuber {
display: flex;
align-items: center;
justify-content: center;
border-radius: 11px;
background-color: #123405;
border: 1px solid #427f00;
font-size: 14px;
width: 113px;
height: 30px;
font-weight: bold;
color: rgb(255, 255, 255);
font-weight: 400;
}

.bonus__modal_header {
border-top: 0.5px solid rgb(42, 34, 84);
border-bottom: 0.5px solid rgb(42, 34, 84);
padding: 14px 94px 14px 20px;
font-weight: 600;
font-size: 12px;
line-height: 17px;
color: rgba(250, 250, 250, 0.7);
}

.bonus__modal_flex {
background-color: #0707084d;
border-radius: 16px;
display: grid;
-webkit-box-align: center;
align-items: center;
grid-auto-flow: column;
gap: 10px;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 12px 12px 12px 20px;
margin: 20px;
}

.bonus__modal_title {
font-weight: 600;
font-size: 12px;
line-height: 17px;
color: white;
}

.bonus__modal_input {
background: #000;
border-radius: 10px;
font-weight: 600;
font-size: 12px;
line-height: 17px;
color: rgb(250, 250, 250);
padding: 9px 16px;
outline: none;
border: none;
width: 300px;
height: 36px; 
}

.bonus__modal_button {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 13px 23px;
background: rgba(21, 16, 41, 0.25);
}

.bonus__modal_btn {
position: relative;
max-width: 240px;
display: flex;
align-items: center;
justify-content: center;
border: solid 1px #b2f2a3;
background: #28a909;
width: 100%;
min-height: 30px;
border-radius: 8px;
z-index: 1;
transition: opacity 0.32s ease 0s, box-shadow 0.32s ease 0s, background 0.16s ease 0s;
padding: 0px 15px;
color: white;
border: 2px solid rgb(17, 13, 33);
cursor: pointer;
font-size: 11px;
}

.btn_close {
border: solid 1px #ff7171;
background: #cb011a ;
color: white ;
}

.add_bonus_disabled {
opacity: 0.7;
pointer-events: none;
}

.promt_modal_list {
padding: 1rem;
}

.promt_modal_item {
display: flex;
align-items: center;
gap: 5px;
margin-top: 15px;
}

.promt_modal_number {
font-size: 18px;
font-weight: 700;
color: #5f3816;
}

.promt_modal_img img{
width: 40px;
height: 40px;
}

.promt_modal_text {
padding-left: 10px;
color: #5f3816;
font-size: 14px;
}

.promt_modal_footer {
background: #e69308;
font-size: 14px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}

.promt_modal_openmodal{
color: #5f3816;
cursor: pointer;
}

.promt_modal_openmodal:hover {
border-bottom: 1px solid #5f3816;
}

/* info_modal finish */

/* error */

.error {
position: absolute;
top: 5%;
right: 1%;
z-index: 9999;
max-width: 20%;
width: 100%;
}

.error_content {
background: #1b1c1d;
border-radius: 16px;
overflow: hidden;
}

.error_content_header {
width: 100%;
padding: 18px 19px 18px 12px;
height: 56px;
background: #0e0e0e;
border-bottom: #2a2b2e;
color: white;
font-size: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}

.error_content_text {
color: white;
font-size: 16px;
padding: 10px;
}



/* error finish */


.jet-coin-take {
position: absolute;
top: 204px;
left: calc(50% - 138px);
opacity: 0;
z-index: 2001;
will-change: transform; 
transform: translateY(-100px); 
transition: 0.5s ease;   
}

.jet-coin-take-active, .jet-coin-take-active2 {
opacity: 1;
transform: translateY(45px);
transition: 0.5s ease;
z-index: 6001;
}

.jet-coin-take-active #jet_coin_modal1, .jet-coin-take-active2 #jet_coin_modal2{
opacity: 1;
visibility: visible;
transition: 0.5s ease;
}

.jet_coin_item {
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.5s ease;
}

.jet_coin_item {
margin-bottom: 10px;
}

.jet_coin_item:last-child {
margin-bottom: 0;
}

.jet_coin_modal2.jet-coin-take-active {
transform: translateY(80px);    
} 

.jet-coin-take-content {
width: 277px;
height: 65px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 8px;
background: rgb(18 52 5);
border-radius: 16px;
border: 1px solid rgb(40 169 9);    
}

.jet-coin-take-title {
color: rgb(223, 229, 242);
font-size: 12px;
}

.jet-coin-take-coin {
color: white;
font-weight: 900;
}

.jet-coin-take-btn{
width: 132px;
height: 49px;
background: #28a909;
border-radius: 10px;
cursor: pointer;
color: white;
text-align: center; 
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center;  
}

.jet-coin-take-btn span:nth-child(1) {
font-size: 14px;
font-weight: 900;
}

.jet-coin-take-btn span:nth-child(2) {
font-size: 12px;
font-weight: 600px;
}