@font-face {
  font-family: 'alk_sanetregular';
  src: url('../fonts/alk-sanet-webfont.eot');
  src: url('../fonts/alk-sanet-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/alk-sanet-webfont.woff2') format('woff2'),
       url('../fonts/alk-sanet-webfont.woff') format('woff'),
       url('../fonts/alk-sanet-webfont.svg#alk_sanetregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bpg_arialregular';
  src: url('../fonts/bpg_arial_2009-webfont.eot');
  src: url('../fonts/bpg_arial_2009-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/bpg_arial_2009-webfont.woff2') format('woff2'),
       url('../fonts/bpg_arial_2009-webfont.woff') format('woff'),
       url('../fonts/bpg_arial_2009-webfont.ttf') format('truetype'),
       url('../fonts/bpg_arial_2009-webfont.svg#bpg_arialregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


h1 { font-size: 30px; line-height: normal; margin: 0; padding: 0; color: #222; font-family: 'Open Sans', sans-serif; font-weight: 700 }
h2 { font-size: 32px; line-height: normal; margin: 0; padding: 0; color: #222; font-family: 'Open Sans', sans-serif; font-weight: 700 }
h3 { font-size: 30px; line-height: normal; margin: 0; padding: 0; color: #222; font-family: 'Open Sans', sans-serif; font-weight: 700 }
h4 { font-size: 24px; line-height: normal; margin: 0; padding: 0; color: #222; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: .5px; font-stretch: condensed; }
html {  scroll-behavior: smooth;}




/* Start plane animate */
/* .animation900 { -webkit-animation: rotate900 3s linear forwards; animation: rotate900 3s linear forwards; }

@-webkit-keyframes rotate900 {
  from { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); }
  to { -webkit-transform: rotateY(900deg); -moz-transform: rotateY(900deg); transform: rotateY(900deg); }
}
@keyframes rotate900 {
  from { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); }
  to { -webkit-transform: rotateY(900deg); -moz-transform: rotateY(900deg); transform: rotateY(900deg); }
} */

/* .animation900 {transition: 0.5s all;left:120%;transform:rotate(705deg);transition: 0.3s all;} */

.animation900 {transition: 0.5s all; left:120%; transform:translate(100% , -58%); transition: 2s all;}

/* End plane animate */


/* Custom page scrollbar start*/
/* * {
scrollbar-width: thin;
scrollbar-color: yellow;
}

*::-webkit-scrollbar {
width:5px;
}

*::-webkit-scrollbar-track {
background: transparent;
}

*::-webkit-scrollbar-thumb {
background-color: yellow;
border-radius: 20px;

} */
/* Custom page scrollbar end*/
::selection { background-color:transparent;   }


body { background-color: #223335 /* #101011 */; font-size: 14px; line-height:1.5; color:#fff; font-family: 'Roboto', sans-serif; font-weight: 400}
a { color: #222; transition: all .3s ease-in-out;  }
a:hover { color: #FFD700 }
a:hover, a:focus { text-decoration: none }
.form-group>span { color: #9ba9ba; font-size: 15px; margin-bottom: 4px; }
.form-group>label { color: #9ba9ba; font-size: 15px; margin-bottom: 4px; }
.form-control { font-weight: 400; font-size: 14px; line-height: 16px; padding: 12px 15px; color: #333; border: none;}
.form-control:focus, .custom-select:focus { box-shadow: none; border-color:#e1e1e1; outline: none}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.form-control:not([size]):not([multiple]) { height: calc(1.8rem + 9px);}
select.custom-select {background: url('../images/select-arrow.png') no-repeat right .75rem center; background-size:13px 7px; background-color: #fff; padding: 10px 30px 11px 20px;}
/* select::-ms-expand { display: none;} */
textarea { resize: none; }
.thanks-submited { font-weight: 500; font-size: 14px; line-height: 18px; color: #222222; padding-top: 18px;}

/* input number arrow hide */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] {-moz-appearance: textfield; }
/* input number arrow hide */

/* .form-control { border-radius:0; padding:11px .75rem; color: #0f4373; font-size: 15px; border: 1px solid #d5dee6;} */
*:hover, *:focus, *:active { outline: none; }
.btn, button, .btn:hover, button:hover, .btn:focus, button:focus { outline: none; box-shadow: none }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {    background-color: transparent}

/* modal open effect start */
.modal.fade .modal-dialog { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 300px; opacity: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
.modal.fade.show .modal-dialog { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); opacity: 1; }
/* modal open effect end */



/*----- custom radio and check box start -----*/
.custom-control {padding-left: 0; width: 38px;}
.custom-control-label { padding-left: 30px; color: rgba(255, 255, 255, 0.5);}
.custom-control-label::after, .custom-control-label::before {width:20px; height:20px; top: 2px}
.custom-control .custom-control-label::before { border-radius: 5px; background-color: transparent; border: 1px solid #222; }
.custom-control .custom-control-input:focus~.custom-control-label::before { box-shadow: none;}

/* custom checkbox */
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-size: 60% 60%;}

/* custom radio */
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #f2f2f2;}
.custom-radio .custom-control-input:checked~.custom-control-label::after { top: 5px; left: 3px; background-color: #222; width: 14px; height: 14px; border-radius: 5px; background-image: none;}

/*----- custom switch start ------*/
.custom-switch .custom-control-label {display: block; cursor: pointer;}
.custom-switch .custom-control-label::after, .custom-switch .custom-control-label::before {right: 0; left: auto}
.custom-switch .custom-control-label::before {right: 0; width: 38px; pointer-events: all; border-radius: 15px;  height: 18px; left: 0; background-color: #111215 ; border:1px solid rgba(255,255,255,.51); transition: all .3s ease-in-out;}
.custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(.75rem); transform: translateX(.75rem);  }
.custom-switch .custom-control-label::after { top: calc(.25rem + 0px); right: calc(26px + 0px); width: calc(14px - 1px); height: calc(14px - 1px); border-radius: 100%; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; background-color: #fff; left: 4px; }
.custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(17px); transform: translateX(17px); }
.custom-switch .custom-control-input:checked~.custom-control-label::before {border: 1px solid #60ae05; background-color: #f27b42; transition: all .3s ease-in-out;}
.custom-switch .custom-control-input:active~.custom-control-label::before {border: 1px solid #60ae05; background-color: #229607; transition: all .3s ease-in-out;}
.custom-control-input:disabled~.custom-control-label::before {
  background-color: #111215 ;
}


/*----- custom radio and check box end -----*/


/* butoon start */
.primrary { background-color: #f9716d; font-size: 14px; color: #fff; font-weight: 700; border-radius: 5px; padding: 5px 10px; display: inline-block; border: 2px solid #f9716d; width: 105px; text-align: center; cursor: pointer;}
.primrary:hover { background-color: #FF938F; border: 2px solid #FF938F; color: #fff;}
.secondary { background-color: #333; font-size: 14px; color: #fff; font-weight: 700; border-radius: 5px; padding: 5px 10px; display: inline-block; border: 2px solid #333; width: 105px; text-align: center; cursor: pointer;}
.secondary:hover { background-color: #4F4F4F; border: 2px solid #4F4F4F; color: #fff; }
.primrary.disabled, .secondary.disabled {opacity: .4; pointer-events: none; color: rgba(255, 255, 255, 0.4);}

.primrary-select { background-color: #fff; font-size: 14px; color: #f9716d; font-weight: 700; border-radius: 5px; padding: 5px 10px; display: inline-block; border: 2px solid #f9716d; width: 105px; text-align: center; cursor: pointer;}
.primrary-select:hover {background-color:#f9716d; color: #fff; }
.secondary-select { background-color: #fff; font-size: 14px; color: #333; font-weight: 700; border-radius: 5px; padding: 5px 10px; display: inline-block; border: 2px solid #333; width: 105px; text-align: center; cursor: pointer;}
.secondary-select:hover {background-color: #333; color:#fff }
/* butoon end */

.white-color {color: #fff !important;}
.yellow-color {color: #FFD700 !important;}
.red-color {color: rgba(255, 215, 0, 0.5) !important;}
.sky-color {color: rgba(255, 255, 255, 0.5) !important;}

.table {margin-bottom: 0;}
.table thead th {border: 0; padding:10px 15px; background-color: #053F5E; }
.table thead th:first-child {border-radius: 4px 0 0 4px;}
.table thead th:last-child {border-radius: 0 4px 4px 0;}
.table tr {border-radius: 4px;}
.table tbody tr:nth-of-type(even) {background-color:rgba(5, 63, 94, 0.3);}
.table tr td {border-top: 0; padding:10px; }
.table tr td:first-child {border-radius: 4px 0 0 4px;}
.table tr td:last-child {border-radius: 0 4px 4px 0;}

.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-16 {font-size: 16px !important;}
.fw-500 {font-weight: 500 !important;}
.colour-blue {color: #900087 !important;}


/*====================================================================
           style start 
====================================================================*/

.main { position: relative; display: block; left: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.main.menuClick-main {margin-left: 200px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.main.chatBar-main {margin-right: 25%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/*----------- header start ------------*/
header .navbar {height: 60px; padding:0; background-image: url(../images/grey-texture-bg.png); border-bottom: 1px solid #2a2b2e; box-shadow: 0 6px 10px 0 rgb(0 0 0 / 50%);}
header .navbar .navbar-brand {display: flex; align-items: center; margin-left: 10px;}
/* header .navbar .navbar-brand img {max-width: 84px} */
header .navbar .navbar-brand img {
  max-width: 120px;
  height: auto;
}
header .navbar .header-right {display: flex; align-items: center}
.header-right .howToPlay-btn { color: #5f3816; margin-right: 5px; background-color: #86b5da/* #e69308 */; border-radius: 20px; padding: 3px 10px 2px; height: 26px; display: flex; align-items: center; }
.header-right .howToPlay-btn img {margin-right:3px;}
.header-right .howToPlay-btn span { font-size: .875rem; line-height:normal; font-weight: 500; color: #5f3816; }
.header-right .header-amoutn {font-size: 16px; font-weight: 700; border: 1px solid #2a2b2e; border-radius: 20px; color: #9b9c9e; 
  padding:1px 12px 0;}
.header-right .user-menu-dropdown .dropdown-toggle {margin: 0 5px; border-radius: 20px; background-color:#2c2d30; padding: 7px 13px 8px; display: flex;}
.header-right .user-menu-dropdown .dropdown-toggle::after {display: none;}
.header-right .user-menu-dropdown .dropdown-menu {min-width: 270px; background-color:#383a3e; box-shadow: 10px 10px 20px 0 rgb(0 0 0 / 70%); font-family: 'bpg_arialregular'; padding: 0; border-radius: 6px; left: initial; right: 0; margin-top: 0;z-index: 99999;}
.user-menu-dropdown .first-block { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 15px 18px; }
.user-menu-dropdown .first-block .user-info { display: flex; align-items: center; }
.user-menu-dropdown .first-block .user-info img { width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 50%; }
.user-menu-dropdown .first-block .user-info .name { font-size: 16px; line-height: 16px; font-weight: 700; color: #fff; margin-left: 10px; }
.user-menu-dropdown .first-block .change-avator { display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 4px 7px; border-radius: 8px; flex: 0; }
.user-menu-dropdown .first-block .change-avator img {max-width: 20px}
.user-menu-dropdown .first-block .change-avator .change-text {font-size: 11px; color: #83878e; margin-left: 4px; line-height: normal;}
.user-menu-dropdown .first-block .change-avator:hover {background-color:#2c2d30 }
.user-menu-dropdown .second-block a { width: 100%; background-color: #2c2d30; border-top: 1px solid rgba(255, 255, 255, .07); display: flex; height: 35px; align-items: center; padding:7px 10px 7px 15px; justify-content: space-between; }
.user-menu-dropdown .second-block a:first-child {border-top: 0;}
.user-menu-dropdown .second-block a.mb-10 {margin-bottom: 10px;}
.user-menu-dropdown .second-block a .title { display: flex; align-items: center; justify-content: center; color: #bebebe; font-size: 13px;}
.user-menu-dropdown .second-block a .title img {margin-right: 8px;}
.user-menu-dropdown .second-block a .custom-switch .custom-control-label::before {border: 1px solid rgba(255,255,255,.51); background-color: transparent;}
.user-menu-dropdown .second-block a .custom-switch .custom-control-label::after {box-shadow: inset 0 0 7px 0 rgb(0 0 0 / 16%); border:2px solid #a3b98a;}
.user-menu-dropdown .second-block a .custom-switch .custom-control-input:checked~.custom-control-label::before {    border: 1px solid #86b5da;
  background-color: #86b5da;}
.user-menu-dropdown .second-block a.hover:hover {background-color:#191b1d }
.user-menu-dropdown .back-home { display: flex; justify-content: center; align-items: center; padding: 10px;}
.user-menu-dropdown .back-home span {font-size: 12px; line-height: 12px; color: #bbbfc5; margin-left: 5px;}
.user-menu-dropdown .back-home:hover span {text-decoration: underline}


/*---------- chatBar ----------*/
.main.chatBar-main .chatBar-icon {display: none;}
.chatBar-icon { width: 40px; height: 26px; background-color: #2c2d30; border-radius: 18px 0 0 18px; background-image: url(../images/icon-chatBar.svg); background-repeat: no-repeat; background-position: center; display: flex; margin: 0;}
.chatBar-icon.active {display: none;}
.chatBar { position: fixed; z-index: 10; right: 0; top:0; height: 100%; width:0;  -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; overflow: hidden; background: #101011; border-left: 1px solid #2a2b2e;}
.chatBar.chatBar-active { width: 25%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.online-close { display: flex; justify-content: space-between; padding: 7px 13px 7px 17px; height: 38px; border-bottom: 1px solid #2a2b2e; position: relative; align-items: center; background: #101011; }
.online-close .online-wrapper { display: flex; align-items: center; font-size: 12px; color: #6b6b6b; font-family: 'bpg_arialregular';}
.online-close .online-wrapper .green-circle { width: 6px; height: 6px; background: #28a909; border-radius: 50%; margin: 0 4px; }
.online-close .online-wrapper .online-counter {font-size: 12px; color: #fff; font-weight: 500; letter-spacing: 0.5px;}
.online-close .chat-text {font-size: 14px; color: #fff; font-family: 'alk_sanetregular';}
.online-close .chatBar-close {color: #97a4ae; text-shadow: 0 1px 0 #97a4ae;font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px; opacity: .5;}
.online-close .chatBar-close:hover {opacity:1; color:#fff }

.userChat {padding: 0 10px;}
.win-info {background-color: #0e2527; border-radius: 6px; margin-bottom: .5rem; padding-bottom: 3px;}
.win-info .msg-wrapper {font-size: 13px; line-height: 13px; padding:8px 10px 2px 8px; font-family: 'bpg_arialregular'; display: flex;
  width: 100%; align-items: flex-start; background-color:#081819; border-radius: 6px 6px 0 0; }
.win-info .msg-wrapper .avatar-block img { min-width: 22px; min-height: 22px; max-width: 22px; max-height: 22px; border-radius: 50%; }
.win-info .msg-wrapper .msg-block { width: 100%;  padding: 2px 10px 5px 4px; color: #b1b7bd; font-size: 13px; line-height: 16px; font-family: 'bpg_arialregular'; word-break: break-word;}
.win-info .msg-wrapper .msg-block a {color: rgba(255,255,255,.5);}
.win-info .msg-wrapper .msg-block a:hover {color: rgba(255,255,255,1);}
.win-info .msg-wrapper .msg-block .bot { background-color: #1279f1; color: #013674; font-size: 11px; padding: 1px 3px; border-radius: 4px; font-weight: 700; letter-spacing: 0.5px; }
.win-info .msg-wrapper .msg-block .msg-text img {max-width: 16px}
.win-info .msg-wrapper .likes-block { display: flex; justify-content: flex-end; align-items: center; flex-basis: 32px; margin-top: 3px; }
.win-info .msg-wrapper .likes-block .like-counter {font-weight: 700; color: #767b85;}
.win-info .msg-wrapper .likes-block .btn-linke {width: 12px; height: 12px; background-image: url(../images/like.svg); background-position:center center; background-repeat: no-repeat; margin: 0 2px;}
.win-info .msg-wrapper .likes-block .btn-linke:hover, .win-info .msg-wrapper .likes-block .btn-linke.active {background-image: url(../images/like-h.svg);}

.win-info .user {display: flex; align-items: center; justify-content: space-between; padding: 5px 3px;}
.win-info .user .user-name {flex: 1; text-align: center;  overflow-wrap: anywhere;}
.win-info .user .user-name span {font-family: 'bpg_arialregular'; color:#fff; font-size: 14px; opacity: 1}
.win-info .user .user-name img { min-width: 22px; max-width: 22px; min-height: 22px; max-height: 22px; border-radius: 50%; }
.win-info .user .provabyfair {width: 14px; height: 16px; background-image: url(../images/provabyfair.svg); background-position:center center; background-repeat: no-repeat; margin: 0 2px; background-size: cover;}

.win-info .cash-win {display: flex;}
.win-info .cash-win .cashWin-col {flex: 1; padding-left: 10%; margin-bottom: 3px;}
.win-info .cash-win .cashWin-col .title {font-size: 11px; line-height: 11px; opacity: .3; color: #fff; }
.win-info .cash-win .cashWin-col .payout-low, .win-info .cash-win .cashWin-col .payout-medium {width: min-content; margin-top: 2px; font-size: 13px;}
.win-info .cash-win .cashWin-col span {color: #fff; font-size: 12px; line-height: 12px;}

.chatBar-botm { height: 67px; padding: 7px 10px 5px; background-color: #000; border-top: 1px solid #2a2b2e; display: flex; flex-direction: column; justify-content: space-between; }
.chatBar-botm .input-message {display: flex; align-items: flex-end;}
.chatBar-botm .input-message textarea {height: 36px; font-size: 13px; line-height: 1; resize: none; background-color: transparent; border: 0; width: 100%; color: #fff; font-family: 'bpg_arialregular'; overflow-y: hidden; padding:0 15px 0 10px;}
.chatBar-botm .input-message .enter-btn img {width: 11px; opacity: 0.3}
.chatBar-botm .tools {display: flex; align-items: center}
.chatBar-botm .tools a.smiley {width: 14px; height: 14px; background-image: url(../images/smiley.svg); background-position:center center; background-repeat: no-repeat;}
.chatBar-botm .tools a.smiley:hover {background-image: url(../images/smiley-h.svg);}
.chatBar-botm .tools a.gif {width: 25px; height: 14px; margin-left: 5px; background-image: url(../images/gif.svg); background-position:center center; background-repeat: no-repeat;}
.chatBar-botm .tools a.gif:hover {background-image: url(../images/gif-h.svg);}
.chatBar-botm .tools .length {margin-left: auto; color: #747474; font-size: 13px; font-weight: 500; line-height: 1}


.chatBar .slimScrollDiv, .chatBar .slimScrollDiv .userChat {width: 100% !important;}



/* mid part */
.mid-part {display: flex;}

/* sidebar */
.mid-part .sidebar {width: 370px; padding-left: 10px; position: relative; }

footer { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 10px); background-color: #000; border: 1px solid #2a2b2e; font-size: 11px; color: #5e6269; padding: 0 10px; position: absolute; left: 0; bottom: 0; min-height: 25px; max-height: 25px; font-family: 'bpg_arialregular'; left: 10px; }
footer .provably-fair a {font-size: 12px; color: #bbbfc5; font-family: 'Roboto', sans-serif; font-weight: 500;}
footer .provably-fair a img {width: 14px; height: 16px; margin: 0 2px;}
footer .powered-by {font-size: 11px; color: #5e6269; font-family: 'bpg_arialregular'; }
footer .powered-by a {color: #bbbfc5; font-family: 'Roboto', sans-serif; font-weight: 500; text-decoration: underline}

.payout-high { /*background-color: #2ca706; color: #e9c2e7; */   color: #60af5a; font-size: 12px; line-height: 22px; padding: 0 10px; text-align: center; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.payout-high:hover{ background-color: rgba(255, 255, 255, 0.04) !important; color: #60af5a !important; }
.payout-high sub { bottom:0; font-size: 70%; margin-left: 2px; font-weight: 700; }
.payout-low {/* background-color: #9e240f; color: #d7c3eb; */ background-color: #2a2a2a; color: #f44336; font-size: 12px; line-height: 22px; padding: 0 10px; text-align: center; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-weight: 700;cursor: pointer; }
.payout-low sub { bottom:0; font-size: 70%; margin-left: 2px; font-weight: 700; }
.payout-low:hover{ background-color: rgb(0, 0, 0) !important; color: #f44336 !important; }
.payout-medium {     color: /* #c5c227 */ #d1c409; font-size: 12px; line-height: 22px; padding: 0 10px; text-align: center; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.payout-medium sub { bottom:0; font-size: 70%; margin-left: 2px; font-weight: 700; }
.payout-medium:hover{ background-color: rgba(255, 255, 255, 0.04) !important; color:  #d1c409 !important; }
.payout-green {     background-color: #123405; border: 1px solid #457f05; color: #fff; font-size: 12px; line-height: 22px; padding: 0 10px; text-align: center; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.payout-green sub { bottom:0; font-size: 70%; margin-left: 2px; font-weight: 700; }

/* sidebar-mainTab-btn */
.sidebar-mainTab-btn {height: 40px; display: flex; align-items: center; justify-content: center;}
.sidebar-mainTab-btn .nav-tabs {border-radius: 10px; border: 1px solid #363738; width: 302px}
.sidebar-mainTab-btn .nav-tabs .nav-item {margin-bottom: 0; flex: 1; text-align: center;}
.sidebar-mainTab-btn .nav-tabs .nav-link {border-radius: 10px; border: 0; padding: 0 15px; font-size: 12px; font-family: 'bpg_arialregular';color: #fff;  position: relative; z-index: 1;}
.sidebar-mainTab-btn .nav-tabs .nav-link:hover {color: #86b5da;}
.sidebar-mainTab-btn .nav-tabs .nav-item.show .nav-link, .sidebar-mainTab-btn .nav-tabs .nav-link.active {background-color:#f27b42; }
.sidebar-mainTab-btn .nav-tabs .nav-item.show .nav-link:hover, .sidebar-mainTab-btn .nav-tabs .nav-link.active:hover {color: #fff;}

/* topBets-btn */
#topBets .slimScrollDiv, 
#topBets .slimScrollDiv .huge-dmy, 
#topBets .slimScrollDiv .coff-content, 
#allBets .slimScrollDiv, #allBets .slimScrollDiv .all-bets-user-data {width: 100% !important;}
.topBets-btn {padding: 10px 0;   background: #002828; z-index: 1; }
.topBets-btn .nav-tabs {display: flex; align-items: center; justify-content: center; border: 0}
.topBets-btn .nav-tabs .nav-item {margin-bottom: 0; text-align: center;}
.topBets-btn .nav-tabs .nav-link {border-radius: 10px; padding: 0 15px; font-size:13px; font-family: 'alk_sanetregular';color: #fff; border:1px solid transparent; text-transform: uppercase;  padding: 5px 6px 3px; line-height: 1;}
.topBets-btn .nav-tabs .nav-link:hover {color: #86b5da;}
.topBets-btn .nav-tabs .nav-item.show .nav-link, .topBets-btn .nav-tabs .nav-link.active {background-color:transparent; border:1px solid#86b5da; }
.topBets-btn .nav-tabs .nav-item.show .nav-link:hover, .topBets-btn .nav-tabs .nav-link.active:hover {color: #fff;}

#hugeWins .tab-content, #biggestWins .tab-content, #cofficents .tab-content, .all-bets-user-data ,#hugeWins .tab-content ,.coff-content{
  overflow-y: auto;
  max-height: 650px;
  padding-bottom: 20px;
}
/* dmy-btn */
.dmy-btn {display: flex; align-items: center; justify-content: center;background: #072627;z-index:1;}
.dmy-btn .nav-tabs {border-radius: 10px; border: 1px solid #363738; width: 302px; margin-bottom: 10px;}
.dmy-btn .nav-tabs .nav-item {margin-bottom: 0; flex: 1; text-align: center;}
.dmy-btn .nav-tabs .nav-link {border-radius: 10px; border: 0; padding: 0 15px; font-size: 12px; font-family: 'bpg_arialregular';color: #fff; position: relative; z-index: 1;}
.dmy-btn .nav-tabs .nav-link:hover {color: #86b5da;}
.dmy-btn .nav-tabs .nav-item.show .nav-link, .dmy-btn .nav-tabs .nav-link.active {background: #f27b42; }
.dmy-btn .nav-tabs .nav-item.show .nav-link:hover, .dmy-btn .nav-tabs .nav-link.active:hover {color: #fff;}

.slide-tab {position: relative;}
.slide-tab .slider { display: inline-block; width:100px !important; height: 18px; border-radius: 10px; background: rgb(44, 45, 48); position: absolute; z-index: 1; bottom: 0; transition: all .4s linear; }

.sidebar-mainTab-content {display: flex; flex-direction: column; height: calc(100vh - 100px); background-image: url(../images/grey-texture-bg.png); border-radius: 20px 20px 0 0; border: 1px solid #2a2b2e; background-color: #0e2527; overflow: auto;}

/* allBets-tab */

.all-bets {padding-top:10px;  }
.all-bets-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; padding: 0 10px;}
.all-bets-top .bets {font-family: 'alk_sanetregular'; font-size: 14px; color: #fff; }
.all-bets-top .bets span {color: #427f00; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700;}
.all-bets-top .previous-hand {min-width: 120px;display: flex; justify-content: center; align-items: center; color: #b8b8b7; border-radius: 17px; border: 1px solid #6f6f6f; font-size: 12px; font-family: 'bpg_arialregular'; padding: 2px 10px 2px 25px; background-image: url(../images/history-white.svg); background-repeat: no-repeat; background-position: 6px 3px; background-size: 15px; }
.all-bets-top .previous-hand:hover {background-image: url(../images/history-red-orange.svg);}



.all-bets-user-title { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #fff;font-family: 'bpg_arialregular'; margin-bottom: 3px; padding: 5px 14px; /*position: sticky; top: 0;*/ z-index: 9;background: #072627;}
.all-bets-user-title .user {width: 28%;  text-align: left;}
.all-bets-user-title .bet {width: 25%; text-align: center}
.all-bets-user-title .coeff {width: 20%; text-align: center;}
.all-bets-user-title .win {width: 20%;  text-align: center;}
.all-bets-user-title .chat {margin-right: 5px; width:5%; flex-shrink: 0;}
.all-bets-user-data{ overflow-y: auto;}
.all-bets-user-data {padding: 3px 8px; padding-bottom:35px}
.abud-col { border-radius: 17px; background-image: linear-gradient(85deg, #000, #0f1214); border: 2px solid #000; margin-bottom: 2px; color: #fff; display: flex; justify-content: space-between; font-size: 14px; line-height: 16px; align-items: center; height: 34px; margin-block: 4px; }
.abud-col .user { display: flex; padding-left: 2px; height: 34px; width: 28%; flex-shrink: 1;  align-items: center; }
.abud-col .user img { min-width: 30px; max-width: 30px; min-height: 30px; max-height: 30px; border-radius: 50%; }
.abud-col .user span { margin: 0 2px 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'bpg_arialregular'; font-size: 14px; }
.abud-col .bet { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 25%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.abud-col .bet span { border: 1px solid #5e6168; padding: 1px 7px; line-height: 18px; border-radius: 11px; font-family: 'Roboto', sans-serif; font-size: 14px; width: -moz-fit-content; display: flex; align-items: center; }
.abud-col .bet span sub { bottom: 0; font-size: 65%; margin-left: 2px; font-weight: 700;}
.abud-col .coeff { width: 20%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: -19px; }
.abud-col .win { width: 20%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.abud-col .win sub { bottom: 0; font-size: 65%; margin-left: 2px; font-weight: 700;}
.abud-col .chat {margin-right: 5px; width:5%; flex-shrink: 0;}
.abud-col.abud-col-green {
  border: 1px solid #427f00;  background: #123405;
}
.abud-col.abud-col-green .bet span {border: 1px solid transparent;}

.huge-dmy {padding:0 10px;}

.huge-dmy:last-child{margin-bottom: 30px;}
.huge-dmy-col {height:70px; border-radius: 17px; background-image: linear-gradient(82deg, #000, #0f1214); border: 1px solid #000; font-size: 12px; display: flex; color: #fff; justify-content: space-between; padding:7px 9px 4px 3px; align-items: stretch; margin-bottom: 3px; }
.huge-dmy-col .user { display: flex; align-items: center; flex-direction: column; width: 30%; min-width: 80px; text-align: center; font-size: 14px; color: #fff; justify-content: center;}
.huge-dmy-col .user img { min-width: 30px; max-width: 30px; min-height: 30px; max-height: 30px; border-radius: 50%; }
.huge-dmy-col .user .name { margin: 0 2px 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'bpg_arialregular'; width: 100%; }

.huge-dmy-col .bet-info { width: 100%; display: flex; justify-content: center; flex-direction: column; }
.huge-dmy-col .bet-info .bet-info-row { display: flex; align-items: center; margin-bottom: 5px; justify-content: flex-start; }
.huge-dmy-col .bet-info .bet-info-row .title { width: 40%; text-align: right; font-size: 12px; color: #6b6b6b; font-family: 'bpg_arialregular';}
.huge-dmy-col .bet-info .bet-info-row [class*="payout"] {font-size: 16px; margin: 0 5px}
.huge-dmy-col .bet-info .bet-info-row .indent {font-size: 16px; line-height: 16px; margin: 1px 5px 0 12px;}
.huge-dmy-col .bet-info .bet-info-row .indent sub { bottom: 1px; font-size: 70%; margin-left: 2px; font-weight: 700; }

.huge-dmy-col .tools {width: 10%; display: flex; align-items: center; flex-direction: column; justify-content: space-around; }
.huge-dmy-col .tools a img {width: 14px;}
.huge-dmy-col .tools a.chat-btn img {width: 16px;}

/* cofficents */
.cofficents-title { font-size: 11px; color: #7b7b7b; min-height: 20px; max-height: 20px; display: flex; align-items: center; justify-content: space-between; padding:0 10px;background: #002828;}
.cofficents-title .date {width: 36%; text-align: left; padding-left: 20px;}
.cofficents-title .Coeff {width: 20%; text-align: center;}
.cofficents-title .fairness {width: 20%; text-align: center;}
.coff-content {padding:0 10px;}
.coff-content-col {border-radius: 17px; background-image: linear-gradient(85deg, #000, #0f1214); border: 2px solid #000; margin-bottom: 2px; color: #fff; display: flex; justify-content: space-between; font-size: 14px; line-height: 16px; align-items: center; padding: 4px 20px 4px 0;}
.coff-content-col .date-time { color: #a6a9b1; padding-left: 10px; text-align: left; font-size: 12px; line-height: 12px; }
.coff-content-col .payout { width: 20%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.coff-content-col .fairness { margin-right: 3px;}
.coff-content-col .fairness img {width: 14px;}
.coff-content-col:last-child {margin-bottom: 30px;}

#myBets {padding: 0}


/* game-part  */
.game-part {padding:10px 10px 0; overflow: hidden; width: calc(100% - 270px);}

/* result-history */
.result-history {width: 100%; display: flex; align-items: center; position: relative; padding: 0 10px 10px;justify-content: flex-end;}
.result-history .history {margin: 0; padding: 0; position: relative; display: flex; align-items: center;  width: 100%; overflow: hidden; }
.result-history .history:after {position: absolute; content:"";  width: 100px; height: 100%; background-color: rgb(5 63 94 / 81%); right: 0; top: 0; background: rgb(66,85,90); background: linear-gradient(87deg, rgba(66,85,90,0) 0%, rgba(0,0,0,0.6755077030812324) 100%);}
.result-history .history li {margin-left:4px; list-style: none}
/* .result-history .history li:first-child {margin-left: 0;} */
.result-history .history-open-btn { width: 46px; background-image: url(../images/history-white.svg); background-position: 6px center; background-repeat: no-repeat; padding: 5px 0 4px 20px; display: flex; align-items: center; border: 1px solid #6f6f6f; background-color: #1e1e1e; border-radius: 13px; margin-left: 6px; background-size: 14px; }
.result-history .history-open-btn .history-arrow { background-image: url(../images/history-arrow-grey.svg); background-repeat: no-repeat; background-position: 6px 0px; background-size: 10px 10px; width: 22px; height: 11px; display: flex; transition: all .3s ease-in-out;}
.result-history .history-open-btn:hover {background-image: url(../images/history-red-orange.svg);}
.result-history .history-open-btn:hover .history-arrow {background-image: url(../images/history-arrow-red-orange.svg);}



/* game-chart */
/* chart-bg.gif */
/* Aviator Background.gif (52md) */
/* Aviator Background_1.mp4 */
/* Comp 1_1.gif   (32mb) */
.game-chart { border-radius: 20px; border: 1px solid #2a2b2e; /* background: #000; */ width: 100%; height: calc(100% - 200px); background-image: url('../images/New-Gif.gif'); background-repeat: no-repeat; background-position: 0; background-size:100% 100%; }
.game-chart-black-animation { border-radius: 20px; border: 1px solid #2a2b2e; /* background: #000; */ width: 100%; height: calc(100% - 200px); background-image: url('../images/New-Gif.gif'); background-repeat: no-repeat; background-position: 0; background-size:100% 100%; }
.main-chart-block {position: relative; height: 100%; overflow: hidden;}
.progress_timer_crash {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center}
.progress_timer_crash .timer {font-size: 26px;font-family: 'alk_sanetregular';}
.progress_timer_crash .timerStart {font-size: 35px;}

.busted {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center}
.busted .x-value {font-size: 100px; font-weight: 700;}
.busted .flew-away {font-size:28px; color: #fff; font-family: 'alk_sanetregular';}
.busted .flewaway-value { color: #86b5da; font-family: 'Roboto', sans-serif; font-size: 100px; font-weight: 700; line-height: 60px; }
.progress_timer_crash .waiting-circle {margin-bottom: 15px;}
.progress_timer_crash .waiting-circle img {max-width: 160px; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite;}
.progress_timer_crash .timer-progress {width: 220px; margin: 0 auto; color:#262830; height:6px; position: relative; border-radius: 7px;}
.progress_timer_crash .timer-progress .progress {position: absolute; left: 0; top: 0; height: 100%; width: 25%; background-color:#86b5da; border-radius: 7px;}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }





/* betAuto-tab */
.betAuto-tab { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 10px;}
.betAuto-tab-col { display: flex; position: relative; flex-direction: column; justify-content: space-between; align-items: center; border-radius: 20px; border: 1px solid #2a2b2e; background-image: url(../images/grey-texture-bg.png); background-color: #0e2527; padding: 0 10px; width: 100%; min-height: 170px; max-width: 750px; min-width: 280px; margin-left: 10px; margin-bottom: 10px;}
.betAuto-tab-col .sec-hand-btn { position: absolute; right: 10px; top: 10px; width: 21px; height: 21px; padding: 0; cursor: pointer; border-radius: 50%; background-position: center; background-repeat: no-repeat; }
.betAuto-tab-col .sec-hand-btn.minus {background-image: url(../images/minus-grey.svg);}
.betAuto-tab-col .sec-hand-btn.plus {background-image: url(../images/plus-black.svg); background-color: #29a909;}
.betAuto-tab-col .sec-hand-btn:hover {opacity: 0.5;}
.betAuto-tab-col:first-child {margin-left: 0;}
.betAuto-tab-col .nav-tabs {border-radius: 10px; border: 1px solid #363738; width: 200px; margin: 10px auto 10px}
.betAuto-tab-col .nav-tabs .nav-item {margin-bottom: 0; flex: 1; text-align: center;}
.betAuto-tab-col .nav-tabs .nav-link {border-radius: 10px; border: 0; padding: 5px 15px; font-size: 12px; font-family: 'bpg_arialregular';color: #fff; position: relative; z-index: 1;}
.betAuto-tab-col .nav-tabs .nav-link:hover {color: #86b5da;}
.betAuto-tab-col .nav-tabs .nav-item.show .nav-link, .betAuto-tab-col .nav-tabs .nav-link.active {background:#f27b42;  }
.betAuto-tab-col .nav-tabs .nav-item.show .nav-link:hover, .betAuto-tab-col .nav-tabs .nav-link.active:hover {color: #fff;}
.betAuto-tab-col .tab-content { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;margin: 0 auto auto;}
.betAuto-tab-col .tab-content>.active {width: 100%;}


.bet-controlar { display: flex; justify-content: center; margin-bottom:8px; max-width: 390px; margin: 0 auto}
.bet-block { display:flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 50%; }
.bet-block .form-spinner { display: flex; justify-content: space-between; align-items: center; border-radius: 22px; background-color:#f27b42; border: 1px solid #3c3c42; padding-left: 10px; padding-right: 10px; width: 100%}
.bet-block .form-spinner input { background-color: transparent; font-weight: 700; color: #fff; font-size: 22px; border: 0; text-align: left; width: calc(100% - 16px*2 - 3px); padding: 0; line-height: 29px;}
.bet-block .form-spinner button {border: 0; background-color: transparent; margin-right: 3px; padding: 0;}
.bet-block .form-spinner button:last-child {margin-right: 0;}
.bet-block .bets-opt-list {display: grid; justify-content: center; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 4px; width: 100%; margin-top: 4px}
.bet-block .bets-opt-list .btn { font-size: 14px; width: 100%; height: 18px; line-height: 1; padding: 12px 0; background-color: #86b5da; border: 1px solid #36363c; border-radius: 100px;  color: #000; text-align: center; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.bet-block .bets-opt-list .btn:nth-child(2n+1) {margin-left: 0;}
.bet-block .bets-opt-list .btn sub { bottom: 0; font-size: 12px; margin-left: 2px; font-weight: 700; }
.bet-block .bets-opt-list .btn:hover {background-color: #f27b42;}
.form-spinner button img:active {transform: translateY(1px);}

.btn-decrement > img, .btn-increment > img {
  width: 22px; height: 22px;
}

.button-block { width: 50%; margin-left: 5px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.button-block .btn { font-size: 20px; border: 0; background-color: #86B5DA; /* box-shadow: 0 10px 15px -10px #fff, inset 0 1px 1px 0 rgb(255 255 255 / 50%); */ color: #000; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 50%); width: 100%; text-transform: uppercase; border-radius: 20px; height: 100%; font-family: 'alk_sanetregular';}
.button-block .btn:hover {background-color: #86B5DA;}

.bet-cashout { display: flex; margin: 10px auto 5px; max-width: 390px; justify-content: space-evenly; align-items: center; height: 40px; border-radius: 20px; background: #86b5da; }
.bet-cashout .bet-cashout {display: flex; align-items: center; margin-left:10px; margin-top: 0; margin-bottom: 0;}
.bet-cashout .bet-cashout:last-child {display: flex; align-items: center; margin-left:10px;}
.bet-cashout .bet-cashout .bet-cashout-title { margin: 0 5px 0 0; text-align: center; font-family: 'bpg_arialregular';font-size: 12px; color: #000;  }

.bet-cashout .cashout { display: flex; justify-content: space-between; align-items: center; transition: opacity .1s; border-radius: 22px; background-color: rgba(0, 0, 0, .7); border: 1px solid #3c3c42; font-weight: 700; font-size: inherit; line-height: 1; padding-left: 10px; width: 80px; height: 30px; margin:0 5px 0 8px; }
.bet-cashout .cashout input { background-color: transparent; font-weight: 700; color: #fff; font-size: 16px; border: 0; padding: 0; line-height: normal; width: calc(100% - 10px); }
.bet-cashout .cashout .close { font-size: 15px; opacity: 1; text-shadow: none; color: #fff; margin-right: 5px; }

/* history-modal */
.history-modal .modal-content { color: #fff; background: #383a3e; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%); border: 0; border-radius: 8px; }
.history-modal .modal-header { border: 0; padding: 6px 10px; align-items: center; font-size: 16px; background: #2c2d30; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.history-modal .modal-header .title {font-size: 16px; font-family: 'alk_sanetregular'; color: #fff;}
.history-modal .modal-header .payout {margin: 0 5px; align-self: center;}
.history-modal .modal-header .time { font-size: 14px; font-family: 'alk_sanetregular'; color: #fff;align-self: center;}
.history-modal .modal-header .close { margin-left: auto; padding: 5px 15px 5px 5px; color: #97a4ae; text-shadow: 0 1px 0 #97a4ae; float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; }
.history-modal .modal-header .close:hover {color: #fff;}
.history-modal .modal-body {padding-top: 0;}
.history-modal-content { max-width: 700px; width: 100%; margin: 0 auto; line-height: 14px; font-size: 14px; }
.history-modal-content .hmc-title-box { padding-top: 1rem !important; display: flex; width: 100%; align-items: center; margin-bottom: 8px; }
.history-modal-content .hmc-title-box .img {margin-right: 10px;}
.history-modal-content .hmc-title-box .htb-content { display: flex; flex-direction: column; color: #fff; }
.history-modal-content .hmc-title-box .htb-content .title {font-family: 'bpg_arialregular';}
.history-modal-content .hmc-title-box .htb-content .title-text {margin-top: 3px; color: rgba(255,255,255,.5);}
.history-modal-content .value { width: 100%; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .1); padding: 15px 20px; display: flex; }
.history-modal-content .value .form-control { width: 100%; background-color: transparent; border: none; color: #fff; padding: 0;}
.history-modal-content .client-seed .value {padding: 4px 20px; margin-bottom: 5px;}
.history-modal-content .client-seed .value .player { display: flex; min-width: 40%; max-width: 40%; align-items: center; font-family: 'bpg_arialregular';line-height: 14px;  font-size: 14px;}
.history-modal-content .client-seed .value .player .player-n {color: rgba(255,255,255,.5); margin-right: 10px; }
.history-modal-content .client-seed .value .player .user {display: flex; font-weight: 700; align-items: center;}
.history-modal-content .client-seed .value .player .user img { width: 30px; height: 30px; border-radius: 50%; border: 3px solid #343434; margin-right: 7px; }
.history-modal-content .client-seed .value .seed { display: flex; min-width: 40%; max-width: 40%; align-items: center; font-family: 'bpg_arialregular';line-height: 14px;  font-size: 14px;}
.history-modal-content .client-seed .value .seed .title {color: rgba(255,255,255,.5); margin-right: 10px; }

.history-modal-content .hex-decimal-result {padding-top: 1rem!important; text-align: center; line-height: 14px;  font-size: 14px; font-family: 'bpg_arialregular';}
.history-modal-content .hex-decimal-result .hdr-title {justify-content: center; display: flex; margin-bottom: 8px;}
.history-modal-content .hex-decimal-result .hdr-title span { width: 25%;  text-align: center; color: rgba(255,255,255,.5); }
.history-modal-content .hex-decimal-result .hdr-value {padding: 12px 0; justify-content: center; display: flex; border-radius: 6px; border: 1px solid rgba(255,255,255,.1);}
.history-modal-content .hex-decimal-result .hdr-value span {width: 25%; }

.history-modal .modal-footer { font-size: 14px; border: 0; background: #0a1a1b; padding: 13px 5px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: rgba(255,255,255,.5); text-align: center; align-items: center; justify-content: center; font-weight: 500; }
.history-modal .modal-footer a { margin-left: 5px; color: #e30c32;}

*{-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;}/*!sc*/
*::-webkit-scrollbar{width:0;height:5px;}/*!sc*/
*::-webkit-scrollbar-track{border-radius:10px;background:transparent;}/*!sc*/
*::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(172,172,172,0.59);-webkit-transition:300ms;transition:300ms;}/*!sc*/
*::-webkit-scrollbar-thumb:window-inactive{background:rgba(172,172,172,0.26);-webkit-transition:300ms;transition:300ms;}/*!sc*/

/* Graph dot css start */
.marquee.vertical{position: absolute;left: -30px;transform: rotate(-90deg);transform-origin: top left;}
.marquee.vertical .marquee-tag{ width: 25px;}
.marquee.vertical .marquee-tag:after{ background-color: #1197d6;}

.marquee { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1em; color: #fff; font-weight: 200; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden;height: 30px;margin-left: 28px;}
.marquee-content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-animation: marquee 20s linear infinite running; -moz-animation: marquee 20s linear infinite running; -o-animation: marquee 20s linear infinite running; -ms-animation: marquee 20s linear infinite running; animation: marquee 20s linear infinite running; }
.marquee-tag {margin: 0; padding: 0; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; width: 70px; position: relative;}
.marquee-tag:after {content: '';position: absolute;width: 5px;height: 5px;background: #fff;border-radius: 50%;}
.marquee-content.dot-stop {animation: marquee;}

@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}



.main { height: 100vh; overflow-x: hidden; }
.game-chart{height: calc(100vh - 292px);}
.game-chart-black-animation {height: calc(100vh - 292px);}

/*.chatBar.chatBar-active { display: none; }*/
.busted p { margin-bottom: 22px; line-height: 1; }




/* changes screen */

.result-history.history-open ul.history { flex-wrap: wrap; background: #081819 !important; order: 2; position: absolute; top: 32px; transition: 0.2s all; left: 0; height: auto; overflow: inherit; padding: 13px 0 8px;border-radius: 0 0 16px 16px; z-index: 999999;}
.result-history.history-open { flex-wrap: wrap; background: #1f2128; padding: 0;position: relative;top:-5px;border-radius: 16px 16px 0 0; }
.result-history.history-open .history:after{display:none}
.result-history.history-open .history-open-btn{margin: 5px 10px 5px auto;}
.drop-open { display: none;transition: 0.5s ease-in-out; }
.result-history.history-open .drop-open { width: 100%; display: flex; justify-content: space-between;transition: 0.5s ease-in-out;}
.result-history.history-open a.history-open-btn{display: none;}
.result-history.history-open .drop-open a.history-open-btn{display: block;padding: 5px 0 4px 19px;width: 44px;height: 22px; }
.result-history.history-open li { padding-bottom: 5px;  cursor: pointer; }
.btn-with-text button.btn.red { display: block; height: auto; }
.btn-with-text p { margin-bottom: 5px; color: rgba(255,255,255,.7); font-size: 14px; }
.btn.red { border: 0; background-color: #cb011a; box-shadow: 0 10px 15px -10px #cb011a, inset 0 1px 1px 0 rgb(255 255 255 / 50%); color: #fff; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 50%); }
.btn.red:hover{background-color: #f7001f;}
.btn.yellow { border: 0; background-color: #d07206; box-shadow: 0 10px 15px -10px #d07206, inset 0 1px 1px 0 rgb(255 255 255 / 50%); color: #fff; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 50%); }
.btn.yellow:hover{background: #d07206;}
.btn.yellow span { display: block; line-height: 1; }
.huge-dmy-col .tools ul li{list-style-type: none;}
.result-history .drop-open a.history-open-btn { color: red;background-image: url(../images/history-red-orange.svg); }
.result-history .drop-open a.history-open-btn span{background-image: url(../images/history-arrow-red-orange.svg);}
.result-history .drop-open a.history-open-btn span { background-image: url(../images/history-arrow-red-orange.svg); transform: rotate( 180deg); top: -1px; position: relative;transition: 1s all; }
.result-history .drop-open a.history-open-btn span:hover{background-image: url(../images/history-arrow-red-orange.svg);}
.tip {display: inline-block;cursor: pointer;line-height: 1;}
.hidden {display: none;}
#tip-first ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-left: 7px;}
#tip-first ul li { list-style-type: none; width: 100%; }
.f-tooltip ul { margin-bottom: 0; padding-left: 7px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; position: absolute; left: -195px; top: -15px; background: rgba(0,0,0,0.9); padding: 7px 7px; max-width: 188px; border-radius: 5px; }
.f-tooltip ul li{list-style-type: none;width:100%;display: flex;align-items: center;justify-content: space-between;padding: 0 5px;}
.f-tooltip ul li span:first-child { color: #b0bbc8; font-size: 12px; text-transform: capitalize;line-height: 1.8; }
.f-tooltip ul li span{ color: #ffffff; font-size: .875rem; }
.f-tooltip{position: absolute;padding: .25rem .5rem;}
.tooltip .arrow { top: 37px !important; }
.tools ul li a.tip:hover .f-tooltip { display: block; }
.tools ul{padding-left: 0;margin-bottom: 0;}
#tip-first ul:after { content: ""; position: absolute; right: -6px; top: 8px; width: 2px; height: 2px; border-left: solid 0.4rem #000; border-bottom: solid 0.4rem transparent; border-top: solid 0.4rem transparent; }
#tip-first.fair-text ul { font-size: 12px; line-height: 12px; position: absolute; min-width: 115px; padding: 0 5px; height: 28px; border-radius: 6px; background-color: rgba(87,179,20,.85); display: flex; justify-content: center; align-items: center; text-align: center; left: 0; top: -9px; transform: translate(-105%,-50%); color: #fff; }
#tip-first.fair-text ul li { text-align: center; display: block; }
#tip-first.fair-text ul:after{display: none;}
#tip-first.chat-text ul { font-size: 12px; line-height: 12px; position: absolute; min-width: 115px; padding: 0 5px; height: 28px; border-radius: 6px; background-color: rgba(145,157,167,.85); display: flex; justify-content: center; align-items: center; text-align: center; left: 0; top: -9px; transform: translate(-105%,-50%); color: #fff; }
#tip-first.chat-text ul li{display: block;text-align: center;}
#tip-first.chat-text ul:after{display: none;}
.drop-open h3 { color: #fff; font-size: 14px; margin-left: 10px; padding-top: 9px; font-weight: 400; }

/* change avatar popup design */

.modal .modal-body { background: #0e2527; border-radius: 0 0 8px 8px; overflow: hidden;}
.modal .title { line-height: 1.8; }
.modal button.close span { color: #97a4ae; text-shadow: 0 1px 0 #97a4ae;}
.modal button.close:hover span {color: #fff; text-shadow: 0 1px 0 #fff;}
.modal button.close { transition: 0.15s all; padding: 0; position: relative; top: 16px; right: 15px; }
.modal .modal-content{background: transparent;}
.modal .modal-header { background: #0a1a1b; border: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 5px 10px; height: 36px;font-size: 16px; font-family: 'alk_sanetregular';}
#modelValueAdd .modal-header { align-items: flex-start;}
#change-avatar .modal-footer {padding: 10px 0;background: #0e2527; border: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#change-avatar .modal-footer button { margin: 0 auto; text-align: center; color: #6c757d; border: 1px solid #6c757d; background: transparent; font-size: 1rem; border-radius: 20px; padding: 6px 12px;transition: 0.15 all; }
#change-avatar .modal-footer button:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; cursor: pointer;}
#change-avatar button.close:hover span { color: #fff; text-shadow: 0 1px 0 #fff;}
.avatar-img { display: flex; flex-wrap: wrap; position: relative; justify-content: center; padding: 20px 0 ; overflow: hidden; }
.avatar-img img { width: 120px; height: 120px; border-radius: 50%; border: 11px solid #3c3d45; background-position: center; margin: 0 10px 20px; cursor: pointer; }.avatar-img img.selected {border-color:#2c2d30;}
.header-right .header-amoutn { font-size: 16px; font-weight: 700; border: 1px solid #2a2b2e; border-radius: 20px; color: #9b9c9e; padding: 1px 13px 0; line-height: 1.4; height: 24px; }
.header-amoutn span { font-size: 13px; position: relative; top: -1px; padding-left: 3px; }
.animation900 {transition: 0.5s all;left:120%;transform:translate(82% , -47%);transition: 3s all;}

/*Start: Dev Css*/
.all-bets-top .previous-hand.preview-active{ border: 1px solid #e90000; background-color: #600; background-image: url('../images/previousHand-close.svg')}
.all-bets-top .previous-hand.preview-remove{ background-image: url('../images/history-white.svg')}
/*End: Dev Css*/


/* freebets design */
.freebets h2 { background: #2c2d30; color: #fff; font-size: 16px; height: 36 px ; line-height: 36px; font-weight: 400; padding: 0 10 px ; }
.freebets-head h3 { font-size: 14px; color: #d2d2d2;  font-weight: 400; margin-left: 17px ;}
.freebets-head { display: flex; align-items: center; border: 1px solid #000; background: #2c2d30; height: 34px;max-width: 100%; margin: 10px auto 12px; border-radius: 17px ; }
.g-s { border-radius: 50%; margin-left: 10px;width:16px;height: 16px; background-color: #86b5da; cursor: default; flex-shrink: 0; }
.freebets .modal-dialog.modal-dialog-centered.modal-lg{margin: 0;}
.freebets-in{width:100%;background: #383a3e;}
.freebets-ul { display: flex; align-items: center; justify-content: space-between;padding:0 5px;}
.freebets-ul li{list-style-type: none;font-size: 14px;font-weight: 400;}
.freebets-ul li a { background: url(../images/history-white.svg) center center/contain no-repeat; width: 14px ; height: 14px; margin-right: 3px ;display: inline-block;transition: 0.5s all;}
.freebets-ul li:hover a{ background: url(../images/history-red-orange.svg);transition: 0.5s all;}
.freebets-ul li:last-child { font-size: 12px; display: flex; align-items: center;color: #b8b8b7; }
.freebets-in img { display: block; text-align: center; margin: 28px auto 16px ; }


/* GAME RULES modal start */
.gameRules-modal {font-family: 'bpg_arialregular'; color: #d2d2d2;}
.provablyModal-link {color: #ff0000; font-family: 'bpg_arialregular'; font-size: 14px;}
.provablyModal-link:hover {color: #ff0000; text-decoration: underline;}
.modal h6 {line-height: 1.2; font-size: 16px; color: #fff; font-family: 'bpg_arialregular'; }
.easyPlay-row {display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.easyPlay-col {flex: 0 0 240px;}
.easyPlay-col h3 {font-weight: 700; color: #fff; margin: 20px 0 8px; font-size: 24px;}
.easyPlay-col .easyPlay-img {border-radius: 20px; border: 1px solid #4e4e4e; overflow: hidden;}
.easyPlay-col .easyPlayCol-botm {padding-left: 40px; background-image: url(../images/bet-icon-orange.svg); background-repeat: no-repeat; background-position: 0px 0; background-size: 36px 36px; font-weight: 700; color: #fff; min-height: 36px; margin-top: 10px;}
.easyPlay-col .easyPlayCol-botm span {color: red;}
.gameRules-content {margin-top: 8px;}
.gameRules-content .title {margin-bottom: 10px; font-size: 14px; color: #fff;}
.gameRules-content ul {margin: 0; padding:0 0 0 20px;}
.gameRules-content ul li { list-style: none; /*background-image: url(../images/gameRules-li-orange.svg);*/ background-repeat: no-repeat; background-position: 0 4px; color: #d2d2d2; padding: 2px 0 2px 14px; font-size: 14px;}
.gameRules-content ul .icon-provabyfair img {max-width: 14px;}
.gameRules-content ul li a {color: red;}
.gameRules-content ul li a:hover {text-decoration: underline;}
.gameRules-content ul li::marker {
  content: '\f0a4';
  color:#86b5da;
  font-size: 1.2em;
  font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* provablyFair modal */
.provablyFair-modal .modal-body {background-color: #0e2527 !important;}
.provablyFair-modalBody {display: flex;}
.provablyFair-left .pfl-img {position: relative; text-align: center;}
.provablyFair-left .pfl-img img {max-width: 365px; }
.provablyFair-left .pfl-img .pfl-text {position: absolute; font-size: 26px; color: #fff; font-family: 'bpg_arialregular'; font-weight: 700; line-height: 1; text-align: center; top:54%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.provablyFair-left .pfl-img .pfl-text span {display: block; font-family: 'alk_sanetregular';     text-shadow: 0 2px 10px rgb(0 0 0 / 28%); font-size: 36px; font-weight: 500;}

.provablyFair-right {padding-left: 10px;}
.provablyFair-right .cryptographic {background-color: #0101014d; font-size: 14px; color: #ffffffb3; padding: 18px 20px; font-family: 'bpg_arialregular'; border-radius: 6px; }
.provablyFair-right .howItWork {margin-top: 35px;}
.provablyFair-right .howItWork .mainTitle {font-size: 20px; color: #fff; font-family: 'alk_sanetregular'; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.provablyFair-right .howItWork .subTitle {font-size: 16px; color: #fff; font-family: 'bpg_arialregular'; font-weight: 700;  text-align: center; margin-bottom: 10px;}
.provablyFair-right .howItWork .howItWork-text {color: #ffffffb3; font-size: 14px; font-family: 'bpg_arialregular'; line-height: normal;}
.provablyFair-right .howItWork .howItWork-text p {margin-bottom: 15px;}
.provablyFair-right .howItWork .howItWork-img {text-align: center; margin-top: 35px;}
.provablyFair-right .howItWork .howItWork-img img {max-width: 500px; width: 100%; filter: contrast(0.5);}
.provablyFair-right .howToCheck {margin-top: 40px;}
.provablyFair-right .howToCheck .title {font-family: 'alk_sanetregular'; font-size: 20px; color: #fff; margin-bottom: 25px; text-align: center;}
.provablyFair-right .howToCheck .htc-col {display: flex; }
.provablyFair-right .howToCheck .htc-col>img {max-width: 240px; margin: 0 auto;}
.provablyFair-right .howToCheck .htc-col .htc-content {font-size: 14px; color: #ffffffb3; font-family: 'bpg_arialregular'; line-height: normal; padding: 20px 0 0;}
.provablyFair-right .onlineCalculator {font-size: 14px; color: #ffffffb3; font-family: 'bpg_arialregular'; margin: 25px 0;}
.provablyFair-right .onlineCalculator a {color: #007bff;}
.provablyFair-right .onlineCalculator a:hover {color: #0056b3; text-decoration: underline;}

/* how To Play modal start */
/* .howToPlay-modal.modal .modal-header {background: #e69308}
.howToPlay-modal.modal .modal-header .title {color: #965419;} */
.howToPlay-modal.modal button.close span {color: #ffffff; }
.howToPlay-modal.modal .modal-body {/*  background: #f5a623;*/ font-size: 14px;font-family: BPG Arial,sans-serif; padding: 15px 0 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.howToPlay-modal .howToPlay-ul {margin: 0; padding: 15px 15px 0;}
.howToPlay-modal .howToPlay-ul li {list-style: none; display: flex; align-items: center; color: #5f3816; margin-bottom: 15px;}
.howToPlay-modal .howToPlay-ul li .number {font-size: 18px; font-weight: 700; }
.howToPlay-modal .howToPlay-ul li img {max-width: 40px; margin: 0 15px 0 5px;}
.howToPlay-modal .detailedRules {background-color:#0a1a1b; text-align: center; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 10px 5px;}
.howToPlay-modal .detailedRules .detailedRules-link {color: #ffffff; }
.howToPlay-modal .detailedRules .detailedRules-link:hover {color: #faf9f9; text-decoration: underline;}
.howToPlay-ul .text, .howToPlay-ul .number{color:#fff}
/* Provably Settings modal start */
.ProvablySettings-modal.modal .modal-header {background: #2C2D30;}
.ProvablySettings-modal.modal .modal-body {padding:0; background: #1b1c1d;}
.ProvablySettings-modal .fairTechnology {font-size: 14px; font-family: 'bpg_arialregular';color: #868b8d; line-height:1.1; padding: 20px;}
.nextClient {padding: 10px 20px; border-bottom: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1);}
.nextClient-title {margin-bottom: 10px; font-family: 'Roboto', sans-serif; line-height: normal; font-size: 14px;}
.nextClient-title .title {color: #fff; font-weight: 500; }
.nextClient-title .title img {width: 32px; margin-right: 10px;}
.nextClient-title .titleText {color: #9b9c9e; padding: 0 0 0 35px;  }
.nextClient-radio {padding: 0 35px; }
.nextClient-radio .custom-control { margin-bottom: 10px; width: 100%;}
.nextClient-radio .custom-control .custom-control-label {display: flex; align-items: center; justify-content: space-between; font-family: 'Roboto', sans-serif; line-height: 1; font-size: 14px; border-radius: 8px; background-color: #0707084d; padding: 10px 10px 10px 20px; margin-bottom: 10px; width: 100%; cursor: pointer;}
.nextClient-radio .custom-control .custom-control-label .radio-text {padding-left:22px ;}
.nextClient-radio .custom-control .custom-control-label::before {    border: solid 1px #86b5da;
  background-color: #0006;
  border-radius: 100%;
  height: 17px;
  width: 17px;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);}
.nextClient-radio .custom-control .custom-control-input:checked~.custom-control-label::before {background-color: #0006;}
.nextClient-radio .custom-control .custom-control-input:checked~.custom-control-label::after {top: 50%; left: 24px; background-color: #86b5da; width: 8px; height: 8px; border-radius: 100%; transform: translateY(-50%);}
.current-change {display: flex; align-items: center; max-width: 400px; min-width: 400px; cursor: default; opacity: 0.2;}
.current-change .currentKey {display: flex; align-items: center; padding: 12px 23px 14px 20px; background-color: #000; position: relative; overflow: hidden; color: #fff; border-radius: 24px; flex: 1;}
.current-change .currentKey label {margin: 0 5px 0 0; color: #868b8d; font-size: 14px; }
.current-change .currentKey .key {overflow: hidden; white-space: nowrap; margin-right: 8px;}
.current-change .currentKey .copy {margin-left: auto; cursor: default; }
.current-change .change-btn {border: solid 1px #b2f2a3; background-color:#f27b42; box-shadow: inset 0 1px 1px #ffffff80; color: #fff; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 50%); text-transform: uppercase; padding: 0.375rem 0.75rem; font-size: 16px; line-height: 1.2; border-radius: 20px; margin-left: 10px; cursor: default;}
.current-change .change-btn:hover {background-color: #36cb12;}
.nextClient-radio .custom-control .custom-control-input:checked~.custom-control-label .current-change {opacity: 1;}
.nextClient-radio .custom-control .custom-control-input:checked~.custom-control-label .current-change .currentKey .copy {opacity: 1; cursor: pointer;}
.nextClient-radio .custom-control .custom-control-input:checked~.custom-control-label .current-change .change-btn {opacity: 1; cursor: pointer;}
.nextServer {padding: 10px 20px 20px;}
.nextServerKey { display: flex; align-items: center; justify-content: center; margin-top: 5px;}
.nextServerKey .key-box { max-width: 700px; padding:11px 23px; background-color: #000;  color: #fff; border-radius: 24px; }
.nextServerKey .key-box .key {overflow: hidden;}
.checkFairness {background: #2C2D30; padding: 20px; color: #868b8d; text-align: center;}

/* Change Seed modal */
.changeSeed-modal.modal .modal-header {background: #2C2D30;}
.changeSeed-modal.modal .modal-body {padding: 16px 10px 20px; background: #1b1c1d;}
.newSeed-title {font-size: 14px; margin-bottom: 6px; color: #fff; }
.newSeed-container {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.newSeed-container .seedKey {background-color: #000; border-radius: 22px; border: none; padding: 5px 15px; color: #fff; width: 100%; margin-bottom: 12px;}
.newSeed-container .random-btn {border: solid 1px #ffbd71; color: #fff; font-size: 16px; line-height: 1.2; background-color: #f27b42; box-shadow: inset 0 1px 1px #ffffff80; color: #fff; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 50%); width: 135px; padding: 0.375rem 0.75rem; border-radius: 20px;}
.newSeed-container .random-btn:hover {background-color: #f58708;}
.seed-saveCancel {display: flex; margin-top: 18px;}
.seed-saveCancel a {font-size: 16px; line-height: 1.2;  padding: 0.375rem 0.75rem; border-radius: 20px; box-shadow: inset 0 1px 1px #ffffff80; color: #fff; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 50%); flex: 1; margin-left: 10px;}
.seed-saveCancel a:first-child {margin-left: 0;}
.seed-saveCancel .save {border: solid 1px #b2f2a3; background-color: #28a909;  }
.seed-saveCancel .save:hover {background-color: #36cb12;}
.seed-saveCancel .cancel {border: solid 1px #ff7171; background-color: #cb011a; }
.seed-saveCancel .cancel:hover {background-color: #f7001f;}

/* My Bet History modal */
.myBetHistory-modal.modal .modal-header {background: #2C2D30;}
.myBetHistory-modal.modal .modal-body {padding:15px 5px 20px; background: #1b1c1d;}
.betHistory-row {display: flex; align-items: center; padding: 5px 7px 5px 13px;}
.betHistory-row .date {flex: 0 0 55px; }
.betHistory-row .bet {width:36%;}
.betHistory-row .mult {width:30%;}
.betHistory-row .cashOut {width: 30%;}
.betHistory-row .shild-chat {flex: 0 0 40px; text-align: right;}
.betHistory-header .betHistory-row {font-size: 12px; color: #7b7b7b; line-height: 1; padding-bottom:7px;}
.betHistory-body .betHistory-row {background-color: #101112; border: 1px solid #000; border-radius: 25px; line-height: 1; margin-bottom: 3px;}
.betHistory-body .betHistory-row .date {font-size: 13px; color: #bbbfc5;}
.betHistory-body .betHistory-row .bet {color: rgb(255 255 255 / 50%);}
.betHistory-body .betHistory-row .bet sub { font-size: 75%; bottom: 0px; margin-left: 2px;}
.betHistory-body .betHistory-row .mult {display: flex; align-items: center; justify-content: center;}
.betHistory-body .betHistory-row .mult .multValue {border: 1px solid #105394; background-color: #105394; padding: 1px 10px; line-height: 18px; border-radius: 11px; font-size: 13px; display: flex; align-items: center;}
.betHistory-body .betHistory-row .cashOut {color: rgb(255 255 255 / 50%);}
.betHistory-body .betHistory-row .cashOut sub { font-size: 75%; bottom: 0px; margin-left: 2px;}
.betHistory-body .betHistory-row .shild-chat .shild img {max-width: 14px; margin-right: 2px;}
.betHistory-body .betHistory-row.green {background-color: #003a01; border: 1px solid #198c00;}
.betHistory-body .betHistory-row.green .bet, .betHistory-body .betHistory-row.green .cashOut {color: #fff;}
.betHistory-container .loadMore {text-align: center;}
.betHistory-container .loadMore .loadMore-btn {border: 1px solid #36363C; border-radius: 100px; background-color: #252528; color: #83878e; text-align: center; padding: 5px 20px; font-size: 14px; display: inline-block; margin-top: 10px;}
.betHistory-container .loadMore .loadMore-btn:hover {background-color: #36363c;}

/* Game limits modal  */
.gameLimits-modal .modal-body {padding:30px 15px; background: #1b1c1d;}
.gameLimits-ul {margin: 0; padding: 0;}
.gameLimits-ul li {list-style: none; border: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #fff; line-height: 1; padding: 5px 10px;}
.gameLimits-ul li .betLimit {border-radius: 11px;     background-color: #f27b42;
  border: 1px solid #f27b42; padding:0.25em 10px; text-align: center;}


.chatdown-btn {
  background-color: #e9c33e;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 70px;
  font-size: 12px;
  opacity: 1;
  transition: all .3s ease-in-out;
  
}
.chatdown-btn.showbtn{

  opacity: 0;
}

.Active {

  opacity: .5;
}










/*==================================================================
              Responsive start
==================================================================*/
@media (min-width: 576px) {
  .changeSeed-modal .modal-dialog {max-width: 310px;}
  .myBetHistory-modal .modal-dialog {max-width: 500px;}
  .gameLimits-modal .modal-dialog {max-width: 500px;}
}


@media (min-width: 992px) {
  .modal-lg,.modal-xl {max-width:800px}
}

@media (min-width: 1200px) {
  .modal-xl {max-width:1140px}
}

@media (min-width: 1399.98px) { 
.mid-part .sidebar {  width: 410px;}
.game-part {width: calc(100% - 410px)}



}


@media only screen and (max-width:1199px) {
.mid-part .sidebar {  width: 320px;}
.game-part {width: calc(100% - 270px)}
.main.chatBar-main .mid-part .sidebar {width: 100%; padding-right: 10px}
.main.chatBar-main .mid-part {flex-direction: column-reverse;}
.main.chatBar-main .game-part {width: 100%}
.main.chatBar-main .game-chart {height:35vh; min-height: 200px!important;}
.main.chatBar-main .game-chart-black-animation {height:35vh; min-height: 200px!important;}
.bet-cashout {margin: 7px auto 5px;}

/* provablyFair modal */
.provablyFair-modalBody { flex-direction: column; }
.provablyFair-left .pfl-img {margin-bottom: 25px;}



}


@media only screen and (max-width:991px) {
.payout-high, .payout-low, .payout-medium, .payout-green {font-size: 11px; line-height: 19px}
.progress_timer_crash .waiting-circle img{max-width: 120px;}
.mid-part {flex-direction: column-reverse;}
.mid-part .sidebar {padding-right: 5px; padding-left: 5px}
.main.chatBar-main .mid-part .sidebar {padding-right: 5px}
.game-part {padding: 10px 5px; width: 100%}
.mid-part .sidebar { width: 100%;}

.result-history {padding: 0 10px 5px;}
.result-history .history-open-btn {padding: 3px 0 3px 20px;}
.game-chart {height:35vh; min-height: 200px!important;}
.game-chart-black-animation{height:35vh; min-height: 200px!important;}

.betAuto-tab {margin-top: 5px}
.main.chatBar-main .betAuto-tab {flex-wrap: wrap; }
.main.chatBar-main .betAuto-tab-col {margin-left: 0; margin-bottom: 5px}
.betAuto-tab-col {margin-left: 5px}
.main{height: 100%;}
.busted .x-value{font-size: 78px;}
.busted .flewaway-value{font-size: 78px;}

.progress_timer_crash .timer{font-size: 24px;}

/* Provably Settings modal start */
.nextClient-title .titleText {padding: 3px 0 0 0;}
.nextClient-radio { padding: 0; }
.nextClient-radio .custom-control .custom-control-label {flex-direction: column; align-items: flex-start;}
.nextClient-radio .custom-control .custom-control-label::before {top: 9px; transform: translateY(0);}
.nextClient-radio .custom-control .custom-control-input:checked~.custom-control-label::after {transform: translateY(0); top: 13px;}
.current-change {width: 100%; max-width: 100%; min-width: 100%; margin-top: 7px; flex-direction: column;}
.current-change .currentKey {width: 100%;}
.current-change .change-btn {margin: 10px 0 0;}
.nextServerKey {width: 100%;}
.nextServerKey .key-box {max-width: 100%;}


}

@media only screen and (max-width:767px) {
.header-right .howToPlay-btn {padding: 5px}
.header-right .howToPlay-btn img {margin-right: 0;}
.header-right .howToPlay-btn span {display: none;}
.chatBar.chatBar-active {width: 100%; z-index: 9999}
.win-info {max-width: 360px; margin: 0 auto .5rem;}

.betAuto-tab-col {min-width: 270px}
.progress_timer_crash .waiting-circle img{max-width:80px;}
.busted .x-value{font-size:68px;}
.progress_timer_crash .timer{font-size:19px;}
.busted .flewaway-value{font-size:68px;}
div#canvashdiv{margin-bottom:-6px;}
.chatBar-icon { display: block; }
}


@media only screen and (max-width:575px) {
.betAuto-tab {flex-wrap: wrap;}
.betAuto-tab-col {margin-left: 0; margin-bottom: 5px;}

/* provablyFair modal */
.provablyFair-left .pfl-img img {width: 100%;}
.provablyFair-right .howToCheck .htc-col {flex-direction: column;}
.provablyFair-right .howToCheck .htc-col .htc-content {padding: 0;}

/* Change Seed modal */
.changeSeed-modal .modal-dialog {max-width: 310px; margin: 0 auto;}



}

@media only screen and (max-width:480px) {

.sidebar-mainTab-content {height: initial;}

/* My Bet History modal */
.betHistory-row {padding: 5px 7px 5px 10px;}
.betHistory-body .betHistory-row .date {font-size: 12px;}
.betHistory-body .betHistory-row .bet, .betHistory-body .betHistory-row .cashOut {font-size: 13px;}
.betHistory-body .betHistory-row .mult .multValue {padding: 1px 7px; line-height: 16px; font-size: 12px;}



}
@media only screen and (max-width:420px) {

  header .navbar .navbar-brand img {
    max-width: 85px;
    height: auto;
  }

}



/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 14px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 14px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"], 
  input[type="tel"], input[type="url"]{ font-size: 14px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="tel"], input[type="url"]{ font-size: 14px; }
}


.hidediv{display: none !important}
.canvashdiv{height: 92%;width: 96%;border: 1px solid #4b4848;margin-left: 25px;}
.canvashdiv img {height: 100%; width: 100%; border: 1px solid #4b4848}

.main-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999999;
  display: grid;
  place-items: center;
  background: #223335;
}
.main-loading .waiting-circle img {max-width: 160px; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite;