html.skin2:after@charset "UTF-8";
/* body styles */
html.skin2, html.skin2 body, html.skin2 #custom .ui-page-active {
background-color: #3b3b3c!important;
font-weight: normal;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html.skin2 #custom .info-page, html.skin2 #custom .info-page p {
font-size: 14.4px;
line-height: 1.48em;
}
html.skin2 #custom .info-page .lab p:last-child.indent {
margin-left: 0px!important;
margin-bottom: 0px;
}
html.skin2 #custom .info-page {
padding: 24px 12px 0px 12px!important;
line-height: 1.5em;
font-weight: normal;
font-size: 1.12em;
}
html.skin2 #custom .info-page a, html.skin2 #custom .info-page a:link {
color: #989797;ftrto
text-decoration: underline;
}
html.skin2 #custom div.ui-footer a {
font-size: 1.13em;
margin-top: 1px;
}
html.skin2 #custom .grid-prd div {
color: #d7d4d4;
}
html.skin2 #custom div {
color: #9d9c9c;
}
html.skin2 #custom > div.ui-page.ui-page-theme-a.ui-page-active > div.ui-header.ui-bar-none {
background-color: #075eea;
background-image: none;
border: none;
min-height: 50px;
border-top: 1px solid #2472eb;
border-bottom: none;
margin-bottom: 0px;
}
html.skin2 #custom div.ui-header div.l, html.skin2 #custom div.ui-header div.r {
display: block;
width: 30px;
height: 30px;
margin: 0.5em;
background-image: none;
border-radius: 50%;
border: 2px solid #a5c8eb;
opacity: .7;
box-shadow: none;
top: 2px;
}
html.skin2 #custom div.ui-footer {
height: 50px;
background-color: #075ee9;
background-image: none;
border: none;
border-top: none;
}
html.skin2 #custom #footer-roulette-button {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 8px;
font-size: .93em;
}
html.skin2 #custom .disclaimer {
margin: 17px auto 22px auto!important;
}
html.skin2 #custom .disclaimer .text {
font-size: 0.790em;
width: 287px;
margin: 3px auto 15px auto;
}
html.skin2 #custom ul.list-menu {
background: #5d5d5c;
}
html.skin2 #custom ul.list-menu li.header-blue {
background-color: #0a70d4;
height: 36px;
background-image: none;
border-radius: 5px 5px 0 0;
border-top: none;
}
html.skin2 #custom ul.list-menu li, html.skin2 #custom ul.list-menu li:first-child {
border-bottom: 1px solid #646464;
border-top: none;
}
html.skin2 #custom ul.list-menu li:last-child, html.skin2 #custom ul.list-menu li.header-blue {
border-bottom: none;
}
html.skin2 #custom div.ui-footer.logged a.user-info {
margin: auto;
top: 2px;
}
html.skin2 #custom div.user-menu ul.list-menu li a {
color: #d7d4d4;
text-shadow: none;
font-weight: normal;
}
html.skin2 #custom li.user-info a, html.skin2 #custom li.user-info a .yellow {
color: #9e9d9d!important;
font-weight: bold!important;
}
html.skin2 #custom div.user-menu div.tria {
filter: brightness(.55);
}
html.skin2 #custom ul.list-menu.basic-list li a {
font-size: 14px;
}
html.skin2 #custom ul.list-menu li:last-child, .skin2 #custom ul.list-menu li.header-blue {
border-bottom: none;
}
/* forms */
.skin2 input[type="time"]::-webkit-calendar-picker-indicator {
filter: invert(1) brightness(.63);
transform:scale(1.1)
}
.skin2 ::-webkit-input-placeholder {
color: #b0b0b1!important;
font-weight: bold;
}
.skin2 :-moz-placeholder {
color: #b0b0b1!important;
font-weight: bold;
}
.skin2 ::-moz-placeholder {
color: #b0b0b1!important;
font-weight: bold;
}
.skin2 :-ms-input-placeholder {
color: #b0b0b1!important;
§font-weight: bold;
}
.skin2 input:-webkit-autofill,
.skin2 input:-webkit-autofill:hover,
.skin2 input:-webkit-autofill:focus,
.skin2 input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 50px #6e7175 inset !important;
overflow: hidden;
background-clip: content-box !important;
background-color: #6e7175 !important;
}
.skin2 #custom input:-webkit-autofill{
-webkit-text-fill-color: #e2e2e2!important;
}
html.skin2 .big-cta-blue, html.skin2 .big-cta-yellow, html.skin2 .big-cta-grey {
padding: 13px 20px 11px 20px;
text-transform: uppercase;
cursor: pointer;
color: #ebf3ff;
font-family: inherit;
font-size: 16px!important;
font-weight: bold;
border-radius: 100px;
border: none;
background-color: #1f74ff;
display: inline-block;
z-index: 860;
min-width: 266px;
letter-spacing: .4px;
transform: scale(1);
width: 100%;
position: relative;
}
html.skin2 .big-cta-blue:hover, html.skin2 .big-cta-yellow:hover, html.skin2 .big-cta-grey:hover {
filter: brightness(1.1);
}
html.skin2 .big-cta-grey {
background-color: #858585;
}
html.skin2 .big-cta-grey.attache {
margin-bottom: 23px;
}
html.skin2 .big-cta-grey.attache:before {
content: '';
width: 17px;
height: 17px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 16px;
background: url(../img/ui-assets/sprite-grey-icons.png?v=27) no-repeat;
background-size: 43px;
background-position: -3px -1184px;
}
html.skin2 #custom form.skin-v2 {
margin-top: 21px;
margin-bottom: -13px;
/* overflow: visible; */
}
html.skin2 #custom form.thm-1 .inp, html.skin2 form.thm-1 .ui-select, html.skin2 #custom form.thm-1 .ui-select {
padding: 1px 0 1px 0;
min-height: 39px;
background-color: #6e7175!important;
background-image: none!important;
border: none;
}
html.skin2 #custom input, html.skin2 #custom select, html.skin2 #custom textarea, html.skin2 #custom button, html.skin2 #custom .ui-btn, html.skin2 #custom form.thm-1 select {
color: #ebf3ff;
min-height: 40px;
width: 100%;
/* display: flex; */
font-size: 14.4px;
font-weight: bold;
}
html.skin2 #custom button {
min-height: 42px;
}
html.skin2 #custom input {
color: #adafb1;
}
html #custom form.thm-1.labeled button.b-grey {
border-radius: 22px;
background-color: #505152!important;
color: #e5e5e5;
border: 1px solid #626468;
margin-top: 0px;
position: relative;
}
html #custom form.thm-1.labeled button.b-grey:before {
/* border: 1px solid red; */
margin: auto;
top: 1px;
bottom: 0px;
position: absolute;
}
html.skin2 form.thm-1 .ui-select span {
margin-top: 12px;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
color: #adafb1;
}
html.skin2 #custom .selected-opt, html.skin2 #custom form.thm-1 .ui-btn {
color: #e2e2e2!important;
}
html.skin2 #custom .selected-opt {
/* margin-top: 11px; */
}
html.skin2 #custom .selected-opt.vaid.selected-opt {
margin-top: -7px;
}
html.skin2 #custom form.thm-1 .inp input, html.skin2 #custom form.thm-1 .inp textarea, html.skin2 #custom form.thm-1 select {
font-weight: bold;
font-size: inherit;
overflow: visible;
}
html.skin2 #custom form.thm-1 .inp input {
width: 98.9%;
}
html.skin2 #custom form.thm-1 font.min-max {
font-size: 10px;
text-transform: none;
font-weight: normal;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
html.skin2 #custom form.thm-1 .inp input:focus, html.skin2 #custom form.thm-1 .inp textarea:focus {
color: #e2e2e2!important;
}
html.skin2 form.thm-1 select, html.skin2 form.thm-1 .ui-select, html.skin2 form.thm-1 .ui-select, html.skin2 form.thm-1 .ui-btn, html.skin2 form.thm-1 .ui-btn:hover, html.skin2 form.thm-1 ui-btn-active {
color: #adafb1!important;
font-weight: bold;
}
html.skin2 #custom .ui-alt-icon.ui-icon-carat-d:after {
background-size: 12px;
margin: auto;
top: 3px;
bottom: 0;
filter: brightness(.99);
display: none;
}
html.skin2 .ui-btn-icon-notext:after, html.skin2 .ui-btn-icon-left:after, html.skin2 .ui-btn-icon-right:after {
/* margin-top: -7px; */
filter: saturate(0) brightness(2);
right: 14px!important;
}
html.skin2 #custom.style-2 .ui-collapsible-set.thm-3 .ui-icon-plus:after {
right: 16px!important;
}
html.skin2 #custom form.thm-1 .inp {
margin: 0 0 21px 0;
border-radius: 22px;
overflow: visible;
}
html.skin2 #custom form.thm-1 .inp.select {
overflow: hidden;
}
html.skin2 #custom .alone form.thm-1 .inp.select {
margin-bottom: 21px;
}
html.skin2 #custom form.thm-1 .inp.select:after {
content: '';
display: block;
width: 12px;
height: 12px;
/* border: 1px solid red; */
position: absolute;
right: 13px;
background: url(../img/ui-assets/select-arrow.png)center center no-repeat;
background-color: transparent!important;
background-size: 12px;
margin: auto;
top: 3px;
bottom: 0;
filter: brightness(.99);
}
html.skin2 #custom .code-gen {
position: absolute;
top: -1px;
bottom: 0;
right: 6px;
border-radius: 4px;
overflow: hidden;
margin: auto!important;
height: 30px;
opacity: .64;
filter: contrast(1.4);
/* filter: grayscale(1); */
}
html.skin2 #custom .grey-line {
margin: 31px 0.7em 22px 0.7em;
}
html.skin2 #custom form.thm-1 .inp.enter-code {
background-color: #525353!important;
}
html.skin2 #custom form.thm-1 .inp.enter-code input {
width: 69%;
text-overflow: ellipsis;
}
html.skin2 #custom form.thm-1 .inp.enter-code img {
position: absolute;
top: 0px;
bottom: 0px;
right: 4px;
border-radius: 22px!important;
overflow: hidden;
margin: auto!important;
height: 31px;
opacity: .54;
filter: contrast(1.4);
/* filter: grayscale(1); */
width: 107px;
}
html.skin2 #custom form.thm-1 label {
margin-top: -10px;
text-align: center;
display: none;
}
html.skin2 #custom form.thm-1 span.error_label {
background: none;
color: #acaeb0;
line-height: inherit;
font-size: 11px;
font-style: italic;
text-align: left;
padding-left: 13px;
position: absolute;
top: 41px;
width: 78%;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
/*visibility: hidden;*/
}
html.skin2 #custom form.thm-1 span.focused_error {
display: block;
visibility: visible;
/* position: relative; */
}
html.skin2 #custom form.thm-1 .ui-select {
display: flex;
margin: 0;
}
/*input text highlighting to orange insted of regular errors */
html.skin2 #custom form.thm-1 input.error_label, html.skin2 #custom form.thm-1 select.error_label, html.skin2 #custom form.thm-1 span.error {
color: #f5ae62!important;
/*margin-top: -15px;*/
}
html.skin2 #custom form.thm-1 span.error {
color: #f5ae62!important;
/* margin-top: 0px; */
/* margin-bottom: -10px; */
}
html.skin2 #custom form.thm-1 textarea.error_label::-webkit-input-placeholder,
html.skin2 #custom form.thm-1 input.error_label::-webkit-input-placeholder {
color: #f5ae62!important;
}
html.skin2 #custom form.thm-1 textarea.error_label:-moz-placeholder,
html.skin2 #custom form.thm-1 input.error_label:-moz-placeholder {
color: #f5ae62!important;
}
html.skin2 #custom form.thm-1 textarea.error_label::-moz-placeholder,
html.skin2 #custom form.thm-1 input.error_label::-moz-placeholder {
color: #f5ae62!important;
}
html.skin2 #custom form.thm-1 textarea.error_label:-ms-input-placeholder,
html.skin2 #custom form.thm-1 input.error_label:-ms-input-placeholder {
color: #f5ae62!important;
}
html.skin2 #custom form.thm-1 i.error_label {
/*display: none!important;*/
font-size: smaller!important;
color: #f5ae62!important;
float: left!important;
margin-top: -22px;
padding: 0 7px 10px 0;
}
html.skin2 #custom form.thm-1 .errory option {
color: black!important;
}
html.skin2 #custom form.thm-1 .errory {
position: relative;
}
html.skin2 #custom .lab {
/* min-height: 50px; */
border: 1px solid #545454;
border-radius: 6px;
padding: 25px 21px 24px 19px;
display: flex;
flex-direction: column;
position: relative;
margin-top: 22px;
margin-bottom: 22px;
color: #f5ae62;
}
html.skin2 #custom .lab .title {
position: absolute;
top: -14px;
left: 0;
right: 0;
min-height: 27px;
text-align: center;
font-size: 14px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
}
html.skin2 #custom .lab .title i {
padding: 5px 8px;
background-color: #3b3b3c;
border-radius: 100px;
display: inline-block;
font-weight: bold;
color: #818283;
font-weight: normal;
font-size: inherit;
}
html.skin2 #custom .error_info.valid .lab {
color: #03a9f4;
text-align: center;
font-weight: bold;
}
html.skin2 .error_info.important.alone {
margin-bottom: -14px;
}
html.skin2 #custom .ui-collapsible-set .lab {
border-color: #5e5e5e;
}
html.skin2 #custom .ui-collapsible-set .switch-but {
background-color: #5a5a5a;
}
html.skin2 #custom.style-2 .ui-collapsible-set {
/* margin-bottom: 20px!important; */
}
html.skin2 #custom.style-2 .ui-collapsible-set h3 {
border-bottom: none!important;
margin-bottom: 1px!important;
/* margin-top: -8px!important; */
background-color: #4a4a4a;
padding-left: 8px!important;
border-radius: 0px;
height: 41px;
}
html.skin2 #custom table.tbl-3 tr.header th, html.skin2 #custom table.tbl-3 {
background-color: transparent;
border-radius: 0;
}
html.skin2 #custom table.tbl-3 tr.header th {
border-bottom: 1px solid #545454;
}
/*** Fieldsset group adjustment ***/
html.skin2 #custom fieldset {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: auto;
border: 1px solid #5e5e5e;
position: relative;
margin-bottom: 21px;
margin-top: 8px;
padding: 14px 13px;
border-radius: 6px;
}
html.skin2 #custom form.thm-1 fieldset .inp {
margin-bottom: 0px;
}
html.skin2 #custom fieldset legend {
display: flex;
position: absolute;
top: -13px;
padding: 0px 7px;
background-color: #3b3b3c;
font-size: 14px;
font-style: italic;
color: #818283;
}
html.skin2 #custom .fieldgroup {
width: 100%;
display: flex;
flex-direction: column;
margin-right: 13px;
}
html.skin2 #custom .fieldgroup:last-child {
margin-right: 0px;
}
@media (max-width: 340px) {
html.skin2 #custom fieldset {
flex-direction:column;
}
html.skin2 #custom form.thm-1 fieldset .fieldgroup {
margin-bottom: 21px;
margin-right: 0px;
}
html.skin2 #custom form.thm-1 fieldset .fieldgroup:last-child {
margin-bottom: 0px;
}
}
/****** New style messages *******/
html.skin2 #custom .error_info.important, .skin2 #custom .error_info.communicate {
margin-top: 0;
margin-bottom: 0;
}
html.skin2 #custom .error_info.communicate .lab {
color: #9d9c9c;
margin-top: 31px;
margin-bottom: 31px;
text-align: center;
}
html.skin2 #custom .error_info.communicate .lab ul {
margin: 10px 0px 10px 0px;
padding: 0px;
}
html.skin2 #custom .lab ul li:last-child {
padding-bottom: 0px!important;
margin-bottom: 0px!important;
}
html.skin2 #custom .lab br {
display: none!important;
}
html.skin2 #custom .error_info.important .lab p {
padding: 0!important;
margin: 0!important;
}
html.skin2 #custom .error_info.important .lab {
margin-top: 31px;
margin-bottom: 31px;
}
html.skin2 #custom .communicate .lab .title i {
font-size: 0px;
width: 26px;
height: 24px;
padding-bottom: 0;
}
html.skin2 #custom .communicate .lab .title i:before {
content: '';
width: inherit;
height: 29px;
display: flex;
margin-top: -6px;
background-image: url("../img/ui-assets/sprite-grey-icons.png?v=27");
background-repeat: no-repeat;
background-size: 43px;
background-position: -8px -1000000px;
opacity: .8;
overflow: visible;
}
html.skin2 #custom .communicate.msg-info .lab .title i:before {
background-position: -8px -1203px;
}
html.skin2 #custom .communicate.msg-success .lab .title i:before {
background-position: -8px -1234px;
}
html.skin2 #custom .communicate.msg-warning .lab .title i:before {
background-position: -8px -1267px;
width: 27px;
}
html.skin2 #custom .lab br {
display: block;
content: "";
border-bottom: 10px solid transparent; // Works in Chrome/Safari
}
@-moz-document url-prefix() {
html.skin2 #custom .lab br {
margin-bottom: 10px; // As 'border-bottom' doesn't work in firefox and 'margin-bottom' doesn't work in Chrome/Safari.
}
}
/* form t ON/OFF */
html.skin2 #custom .switch-but {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
height: 41px;
padding-top: 1px;
margin-bottom: 21px;
background-color: #525353;
border-radius: 22px;
padding-left: 13px;
padding-right: 12px;
padding-top: 1px;
}
html.skin2 #custom .switch-but .l, html.skin2 #custom .switch-but .r {
width: 50%;
height: inherit;
display: flex;
align-items: center;
justify-content: flex-start;
color: #adafb1;
}
html.skin2 #custom .switch-but .r {
justify-content: flex-end;
}
html.skin2 #custom .switch-but .l {
/* opacity: .86; */
/* padding-top: 1px; */
font-weight: bold;
}
html.skin2 #custom .lcs_switch.lcs_off .lcs_label_off, html.skin2 .lcs_switch.lcs_on .lcs_label_on {
display: none;
}
html.skin2 .lcs_cursor {
width: 26px!important;
height: 26px!important;
margin-top: -13px!important;
}
html.skin2 #custom .lcs_switch.lcs_on .lcs_cursor {
left: 21px;
background-color: #99b4de!important;
}
html.skin2 #custom .lcs_switch.lcs_off .lcs_cursor {
background-color: #515151!important;
}
html.skin2 .lcs_wrap, html.skin2 .lcs_compact {
width: 49px!important;
height: 30px!important;
}
html.skin2 .lcs_switch.lcs_on {
background: #176fe5!important;
}
html.skin2 .lcs_switch.lcs_off {
background: #3c3c3c!important;
box-shadow: none!important;
}
html.skin2 #custom .switch-but.selected-opt .l {
color: #E2E2E2;
}
html.skin2 #custom .qr-code {
text-align: center;
visibility: hidden;
height: 0;
transition: all 0.0s ease-in-out;
display: block;
margin-top: -14px;
}
html.skin2 #custom .qr-code.show {
height: auto;
visibility: visible;
transition: all 0.45s ease-out;
}
html.skin2 #custom .qr-code canvas {
border: 2px solid #9b9da0;
border-radius: 3px;
opacity: .88;
margin-bottom: 15px;
}
html.skin2 #custom .cd {
display: flex;
align-content: center;
align-items: center;
justify-content: center;
padding-top: 10px;
}
html.skin2 .timer-container {
}
html.skin2 .clock {
padding-left: 26px;
position: relative;
}
html.skin2 .clock-ico {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
right: auto;
margin: auto;
width: 18px;
height: 18px;
/* border: 1px solid red; */
display: block;
background: url(../img/ui-assets/sprite-grey-icons.png?v=27);
background-repeat: no-repeat;
background-size: 43px;
background-position-y: -87px;
background-position-x: -1px;
}
html.skin2 legend {
font-size: 12px;
}
/* Crypto Currency Form */
html.skin2 #custom .crypto .exchange{
text-align: center;
}
html.skin2 #custom .crypto .exchange font.rate {
display: block;
text-align: center;
}
html.skin2 #custom .ui-content form .inp.info a.ico span {
filter: brightness(1.66);
background-position: -3px -1125px;
right: -12px;
}
html.skin2 #custom .ui-content form .inp .conf {
top: 2px;
bottom: 0;
left: 3px;
margin: auto;
background-color: #6f7175;
color: #adafb1;
border-radius: 22px;
}
html.skin2 #custom ul.list-menu.extended li, html.skin2 #custom ul.list-menu.extended .on-custom-focus, html.skin2 #custom ul.list-menu.extended li.selected {
background-color: transparent!important;
background-image: none!important;
}
html.skin2 #custom ul.list-menu.extended.crypto li.icoex:before, html.skin2 #custom .select.v2 .icoex:before {
content: '';
display: block;
width: 25px;
height: 25px;
position: absolute;
top: 0;
bottom: 0;
left: 9px;
margin: auto;
background: url("../img/ui-assets/crypto-icos.png?v=1") center center no-repeat;
background-size: 32px;
background-position: -3px -40000px;
}
html.skin2 #custom ul.list-menu.extended.crypto li.icoex.bitcoin:before {
background-position-y: -4px;
}
html.skin2 #custom ul.list-menu.extended.crypto li.icoex.dogecoinn:before {
background-position-y: -41px;
}
html.skin2 #custom ul.list-menu.extended.crypto li.icoex.peercoin:before {
background-position-y: -77px;
}
#custom ul.list-menu.extended li a {
padding-left: 41px;
}
html.skin2 #custom .select.v2 {
height: 41px;
background: url(../img/ui-assets/sprite-grey-icons.png?v=27);
background-repeat: no-repeat;
background-position-y: -1000000px;
}
html.skin2 #custom .select.v2 .desc {
position: absolute;
top: 2px;
bottom: 0;
left: 14px;
margin: auto;
display: flex;
align-items: center;
color: #adafb1;
}
html.skin2 #custom .select.v2:after {
content: '';
position: absolute;
display: block;
width: 22px;
height: 22px;
right: 0.5625em;
left: auto;
top: 3px;
bottom: 0;
margin: auto;
background: url(../img/ui-assets/select-arrow.png)center center no-repeat;
background-color: transparent!important;
background-size: 12px;
}
html.skin2 #custom .select.v2 .icoex {
padding-left: 27px;
}
html.skin2 #custom .select.v2 .icoex:before {
left: -5px;
top: -2px;
}
html.skin2 #custom .select.v2 .icoex.bitcoin:before {
background-position-y: -4px;
}
html.skin2 #custom .select.v2 .icoex.dogecoinn:before {
background-position-y: -41px;
}
html.skin2 #custom .select.v2 .icoex.peercoin:before {
background-position-y: -77px;
}
html.skin2 #custom .cryptotabs.big .sub-menu {
padding-top: 3px;
padding-bottom: 16px;
display: flex;
justify-content: center;
margin-bottom: 22px;
margin-top: -3px;
background-color: transparent;
}
html.skin2 #custom .sub-menu #h-scroll li.ui-state-active a, html.skin2 #custom .sub-menu #h-scroll li.active a, html.skin2 #betslip ul.r li.ui-state-active a, html.skin2 #custom .sub-menu #h-scroll li a {
font-size: 19px;
padding: 13px 10px;
}
html.skin2 #custom .sub-menu #h-scroll li.ui-state-active a, #custom .sub-menu #h-scroll li.active a {
background-color: transparent;
}
html.skin2 #custom .sub-menu #h-scroll li.ui-state-active a, html.skin2 #custom .sub-menu #h-scroll li.active a, html.skin2 #betslip ul.r li.ui-state-active a {
color: #eeeeee!important;
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li a {
padding-left: 42px;
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li {
position: relative;
opacity: .5;
filter: brightness(.9);
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li.ui-state-active {
opacity: 1;
filter: brightness(1);
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li:before {
content: '';
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 7px;
right: auto;
top: 4px;
bottom: 0;
margin: auto;
background-image: url("../img/ui-assets/cryptoIconsBig.png?v=1");
background-repeat: no-repeat;
background-size: 50px;
background-position: -100000px;
border-radius: 50%;
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li.BTC:before {
background-position: -10px -9px;
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li.LTC:before {
background-position: -10px -48px;
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li.TRX:before {
background-position: -10px -87px;
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li.USDT:before {
background-position: -10px -126px;
}
html.skin2 #custom .cryptotabs.big .sub-menu #h-scroll li.USDC:before {
background-position: -9px -164px;
background-color: #2372cc;
}
html.skin2 #custom .custom-popup .p-content, html.skin2 #custom .custom-popup2 .p-content {
color: #9e9d9d;
/* margin-bottom: 0px; */
}
html.skin2 .big-cta-blue.timeUp {
margin-top: 17px;
}
html.skin2 .sub-menu #h-scroll li {
background-image: none;
margin-left: 3px!important;
}
html.skin2 #custom .ui-content form .inp.info span.currency {
color: #acaeb0!important;
padding-right: 2px;
top: -3px;
display: flex;
align-items: center;
gap: 7px;
padding-top: 5px;
}
html.skin2 #custom .ui-content form .inp.info span.currency.copy {
padding-right: 23px;
font-size: 12px;
text-transform: capitalize;
}
html.skin2 #custom .custom-popup2 {
width: 95%;
background-color: #494949;
}
html.skin2 #custom .custom-popup2 .p-header {
padding: 8px 0 7px 9px;
font-size: 17px;
min-height: 24px;
background-image: none;
border: none;
background-color: #9fa1a4;
}
/*collapsible*/
html.skin2 #custom .thm-4.ui-collapsible-set {
box-shadow: none;
}
html.skin2 #custom .thm-4 .ui-collapsible {
margin-bottom: 13px!important;
background-color: #525353;
border-radius: 21px;
padding: 10px!important;
/* border-top: 1px solid #6e7175; */
border-bottom: 1px solid #66696c;
/* border-bottom: 1px solid #6e7175; */
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
padding-top: 0px!important;
}
html.skin2 #custom .thm-4 .ui-collapsible.ui-collapsible-collapsed {
padding: 0px!important;
border: none;
box-shadow: none;
}
html.skin2 #custom .thm-4 .ui-collapsible.ui-collapsible h3 .ui-icon-minus {
overflow: visible!important;
padding-left: 27px!important;
}
html.skin2 #custom .thm-4 .ui-icon-minus ico span {
color: #f9c20d;
}
html.skin2 #custom .thm-4 .ui-collapsible.ui-collapsible h3 .ui-icon-minus:after {
margin-right: -10px!important;
margin-top: 7px!important;
}
html.skin2 #custom .thm-4 .ui-collapsible.ui-collapsible .ui-icon-minus {
overflow: visible;
}
html.skin2 #custom .thm-4 .ui-collapsible.ui-collapsible h3 .ui-icon-minus fav {
margin-left: -10px;
}
html.skin2 #custom .thm-4 .ui-collapsible:before {
content:'';
display: block;
width: 100%;
height: 100%;
}
html.skin2 #custom .thm-4 .ui-collapsible fieldset legend {
background-color: #525353;
color: #969697 !important;
}
html.skin2 #custom .thm-4 .ui-collapsible fieldset, html.skin2 #custom .error_info.communicate .lab {
border: 1px solid #6f6f6f;
border-radius: 12px;
color: #acaeb0;
}
html.skin2 #custom .lab .title i {
background-color: #525353;
}
html.skin2 #custom .thm-4 h3.ui-collapsible-heading {
background-color: #525353;
min-height: 41px;
border: none;
border-radius: 50px;
margin-bottom: -1px;
overflow: hidden;
}
html.skin2 #custom .thm-4 h3 fav {
display: block;
width: 25px;
height: 25px;
position: absolute;
top: 0px;
bottom: 0;
left: 8px;
margin: auto;
background: url(../img/ui-assets/sprite-grey-icons.png?v=27)center center no-repeat;
background-size: 43px;
background-position: -23px -590px;
filter: brightness(1.16);
/* border: 1px solid red; */
}
html.skin2 #custom .thm-4 h3 fav.favourite {
background-position-y: -620px;
filter: brightness(0.9) contrast(1.1);
}
html.skin2 #custom .thm-4 .big-cta-blue {
margin-bottom: 21px;
}
html.skin2 #custom button:last-child {
margin-bottom: 21px;
}
html.skin2 #custom .thm-4 a.ui-collapsible-heading-toggle {
color: #adafb1!important;
font-size: inherit;
font-weight: bold!important;
padding-left: 37px!important;
padding-top: 1px!important;
padding-bottom: 0px!important;
/* margin: 0px!important; */
}
#custom .ui-collapsible-set.thm-3.no-gap.yellow-head a.ui-collapsible-heading-toggle,html #custom .ui-collapsible-set.thm-3.no-gap.yellow-head h3.ui-collapsible-heading-collapsed a, html.skin2 #custom .ui-collapsible-set.thm-3 a.ui-collapsible-heading-toggle {
color: #e3dada!important;
font-size: 16px!important;
font-weight: bold!important;
}
html.skin2 #custom.style-2 .ui-collapsible-set.thm-3.no-gap.yellow-head h3.ui-collapsible-heading-collapsed {
margin-bottom: 36px!important;
}
html.skin2 #custom .thm-4 .ui-icon-plus:after, html.skin2 #custom .thm-4 .ui-icon-minus:after, html.skin2 #custom .thm-4 .ui-icon-minus:before {
content: '';
background: url(../img/ui-assets/select-arrow.png)center center no-repeat;
background-color: transparent!important;
background-size: 12px;
filter: none;
top: 3px;
right: 9px!important;
bottom: 0px;
margin: auto!important;
opacity: .66;
width: 22px;
height: 22px;
}
html.skin2 #custom .thm-4 .ui-icon-minus:after {
/*transform: rotate(180deg);*/
background: url(../img/ui-assets/sprite-grey-icons.png?v=27);
background-size: 43px;
background-position: -19px -962px;
background-repeat: no-repeat;
filter: brightness(1.17);
opacity: .54;
}
html.skin2 #custom .thm-4 .ui-collapsible-content {
background-color: transparent;
padding: 0px;
font-size: inherit;
/*margin-bottom: -13px;*/
/* margin-top: 21px; */
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico {
filter: saturate(0);
}
html.skin2 #custom converter {
display: block;
text-align: center;
margin: -9px 10px 10px 10px;
font-weight: bold;
}
/* Deposit Icos */
html.skin2 #custom .thm-4 ico {
background: url(../img/ui-assets/sprite-deposit-methods.png?v=7)center center no-repeat;
background: none;
background-size: 290px;
background-position: -20000px;
display: flex;
justify-content: flex-start;
align-items: center;
width: 200px;
height: 24px;
margin-top: -1px;
opacity: 1!important;
filter: brightness(1)!important;
}
html.skin2 #custom .thm-4 ico span {
white-space: nowrap;
line-height: 26px;
color: #eee;
font-weight: bold;
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico span {
color: #989898;
font-size: inherit;
}
html.skin2 #custom .thm-4 ico.dp2 span,
html.skin2 #custom .thm-4 ico.dp14 span,
html.skin2 #custom .thm-4 ico.dp25 span,
html.skin2 #custom .thm-4 ico.dp30 span,
html.skin2 #custom .thm-4 ico.dp31 span,
html.skin2 #custom .thm-4 ico.dp32 span,
html.skin2 #custom .thm-4 ico.dp33 span,
html.skin2 #custom .thm-4 ico.dp34 span,
html.skin2 #custom .thm-4 ico.dp35 span,
html.skin2 #custom .thm-4 ico.dp36 span,
html.skin2 #custom .thm-4 ico.dp37 span,
html.skin2 #custom .thm-4 ico.dp38 span,
html.skin2 #custom .thm-4 ico.dp39 span,
html.skin2 #custom .thm-4 ico.dp42 span,
html.skin2 #custom .thm-4 ico.dp46 span,
html.skin2 #custom .thm-4 ico.dp67 span,
html.skin2 #custom .thm-4 ico.dp80 span,
html.skin2 #custom .thm-4 ico.dp83 span,
html.skin2 #custom .thm-4 ico.dp93 span,
html.skin2 #custom .thm-4 ico.dp94 span,
html.skin2 #custom .thm-4 ico.dp95 span,
html.skin2 #custom .thm-4 ico.dp181 span,
html.skin2 #custom .thm-4 ico.dp110 span,
html.skin2 #custom .thm-4 ico.dp111 span,
html.skin2 #custom .thm-4 ico.dp112 span,
html.skin2 #custom .thm-4 ico.dp113 span,
html.skin2 #custom .thm-4 ico.dp124 span,
html.skin2 #custom .thm-4 ico.dp233 span,
html.skin2 #custom .thm-4 ico.dp282 span,
html.skin2 #custom .thm-4 ico.dp411 span,
html.skin2 #custom .thm-4 ico.dp415 span,
html.skin2 #custom .thm-4 ico.dp418 span
{
display: flex;
}
html.skin2 #custom .thm-4 ico.dp411 span
{
line-height: 29px;
}
html.skin2 #custom .thm-4 ico.dp67 {
background-position: -2px 2px;
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp67 {
filter: saturate(0) brightness(1.04);
}
html.skin2 #custom .thm-4 ico.dp93 {
background-position: -1px -22px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp93 {
filter: saturate(0) brightness(1.2);
}
html.skin2 #custom .thm-4 ico.dp181 {
background-position: -2px -45px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp181 {
filter: saturate(0) brightness(1.15);
}
html.skin2 #custom .thm-4 ico.dp30, html.skin2 #custom .thm-4 ico.dp31, html.skin2 #custom .thm-4 ico.dp32, html.skin2 #custom .thm-4 ico.dp33, html.skin2 #custom .thm-4 ico.dp34, html.skin2 #custom .thm-4 ico.dp35, html.skin2 #custom .thm-4 ico.dp36, html.skin2 #custom .thm-4 ico.dp37, html.skin2 #custom .thm-4 ico.dp38, html.skin2 #custom .thm-4 ico.dp39, html.skin2 #custom .thm-4 ico.dp282
{
background-position: -2px -77px;
filter: brightness(1.0);
/*height: 28px;*/
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp30, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp31, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp32, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp33, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp34, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp35, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp36, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp37, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp38, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp39, html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp282
{
filter: saturate(0) brightness(.85);
}
html.skin2 #custom .thm-4 ico.dp94 {
background-position: -2px -110px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp94 {
filter: saturate(0) brightness(1.253);
}
html.skin2 #custom .thm-4 ico.dp415 {
background-position: -2px -139px;
filter: brightness(1.1);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp415 {
filter: saturate(0) brightness(1.04);
}
html.skin2 #custom .thm-4 ico.dp95 {
background-position: -2px -173px;
filter: brightness(1.1);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp95 {
filter: saturate(0) brightness(.66);
}
html.skin2 #custom .thm-4 ico.dp110 {
background-position: -2px -204px;
filter: brightness(1.1);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp110 {
filter: saturate(0) brightness(2);
opacity: .39;
}
html.skin2 #custom .thm-4 ico.dp111 {
background-position: -2px -237px;
filter: brightness(1.1);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp111 {
filter: saturate(0) brightness(2);
opacity: .39;
}
html.skin2 #custom .thm-4 ico.dp411 {
background-position: -2px -276px;
height: 28px;
filter: brightness(1.3);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp411 {
filter: saturate(0) brightness(2);
opacity: .49;
}
html.skin2 #custom .thm-4 ico.dp25 {
background-position: -2px -314px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp25 {
filter: saturate(0) brightness(1.78);
opacity: .49;
}
html.skin2 #custom .thm-4 ico.dp418 {
background-position: -2px -343px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp418 {
filter: saturate(0) brightness(1.71);
opacity: .39;
}
html.skin2 #custom .thm-4 ico.dp42 {
background-position: -2px -371px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp42 {
filter: saturate(0) brightness(1.71);
opacity: .39;
}
html.skin2 #custom .thm-4 ico.dp233 {
background-position: -2px -400px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp233 {
filter: saturate(0) brightness(1.88);
opacity: .44;
}
html.skin2 #custom .thm-4 ico.Kriptopara {
background-position: -1px -428px;
filter: brightness(1.2);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.Kriptopara {
filter: saturate(0) brightness(1.88);
opacity: .44;
}
html.skin2 #custom .thm-4 ico.dp2 {
background-position: -1px -463px;
filter: brightness(.98);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp2 {
filter: saturate(0) brightness(1.0);
opacity: .94;
}
html.skin2 #custom .thm-4 ico.dp46 {
background-position: -1px -492px;
filter: brightness(.98);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp46 {
filter: saturate(0) brightness(1.0);
opacity: .94;
}
html.skin2 #custom .thm-4 ico.AnindaPayPay {
background-position: -1px -525px;
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.AnindaPayPay {
filter: saturate(0) brightness(1.1);
opacity: .85;
}
html.skin2 #custom .thm-4 ico.dp112 {
background-position: -1px -562px;
filter: brightness(1.01);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp112 {
filter: saturate(0) brightness(1.0);
opacity: .98;
}
html.skin2 #custom .thm-4 ico.dp83 {
background-position: -1px -625px;
filter: brightness(1.41);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp83 {
filter: saturate(0) brightness(1.0);
opacity: .73;
}
html.skin2 #custom .thm-4 ico.dp80 {
background-position: -1px -593px;
filter: brightness(1.41);
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp80 {
filter: saturate(0) brightness(1.0);
opacity: .71;
}
html.skin2 #custom .thm-4 ico.dp14 {
background-position: -6px -911px;
height: 28px;
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp14 {
filter: saturate(0) brightness(.9) contrast(1.2);
opacity: .71;
}
html.skin2 #custom .thm-4 ico.dp124 {
width: 90%;
background-position: -6px -690px;
height: 28px;
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp124 {
filter: saturate(0) brightness(1.0);
opacity: .61;
}
html.skin2 #custom .thm-4 ico.dp113 {
background-position: -5px -725px;
filter: brightness(6.5);
height: 32px;
}
html.skin2 #custom .thm-4 .ui-collapsible-collapsed ico.dp113 {
filter: saturate(0) brightness(6);
opacity: 1;
}
/********************* CASINO *********************/
html.skin2 #custom .lc-grid span.d font {
font-weight: bold;
max-width: 58%;
}
html.skin2 #custom .sub-menu.wrap {
height: auto;
padding: 4px;
padding-top: 4px;
padding-bottom: 4px;
}
html.skin2 #custom .sub-menu.wrap #h-scroll , .skin2 #custom .sub-menu.wrap .h-scroll {
height: auto;
white-space: wrap!important;
overflow-x: hidden;
overflow-y: visible;
-webkit-overflow-scrolling: touch!important;
color: #9e9d9d;
font-size: 13px;
}
html.skin2 #custom .sub-menu.wrap #h-scroll li a {
font-size: 13px
}
html.skin2 #custom .sub-menu.wrap #h-scroll li a, .skin2.wrap #custom .sub-menu.wrap #h-scroll li a, .skin2 #betslip ul.r li a {
background-color: #58595b;
padding: 8px 8px;
color: #b0b0b1;
}
html.skin2 #custom .sub-menu #h-scroll li.ui-state-active a, html.skin2 #custom .sub-menu #h-scroll li.active a, .skin2 #betslip ul.r li.ui-state-active a {
background-color: #393939;
}
html.skin2 #custom .sub-menu.wrap #h-scroll {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 0px;
margin: 0px;
grid-gap: 2px;
}
html.skin2 #custom .sub-menu.wrap #h-scroll a {
width: auto;
align-items: center;
justify-content: center;
height: auto;
margin: 0px;
white-space: nowrap;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: block;
text-align: center;
}
html.skin2 #custom #casino .sub-menu #h-scroll li.active a:before {
content: '';
display: block;
width: 12px;
height: 12px;
position: absolute;
left: -2px;
right: auto;
top: -3px;
margin: auto;
background-position: 1px -1298px;
}
html.skin2 .sub-menu.wrap #h-scroll li {
margin: 0px!important;
}
/* OWL Carousel */
.skin2 .owl-carousel {
width: 99.7%;
}
.skin2 .owl-seo {/* border: 1px solid red; */}
.skin2 .owl-seo .item img {
display: block;
width: 60%!important;
}
.skin2 .owl-seo .owl-item {
overflow: hidden;
position: relative;
background-color: #071b35;
/* margin-bottom: 4px; */
}
.skin2 .owl-seo .owl-item a.lk {
display: block;
margin: 0;
padding-bottom: 2px;
background-size: cover!important;
height: 144px!important; /* image size original */
background-position: 2% top!important;
background-repeat: no-repeat!important;
pointer-events: all;
/* border: 1px solid red; */
}
html.skin2 .owl-seo .owl-controls {
position: absolute;
bottom: 14px;
left: 0;
right: 0;
z-index: 100000;
overflow: visible;
}
html.skin2 #casino .owl-dots {
text-align: center;
display: flex;
align-content: flex-end;
flex-wrap: nowrap;
justify-content: center;
flex-direction: row;
align-items: flex-end;
margin-top: 16px;
}
.skin2 .owl-seo .owl-dots .owl-dot span, .skin2 .owl-seo .owl-dots .owl-dot:hover span {
width: 9px;
height: 9px;
background-color: #dddbdb;
display: block;
border-radius: 50%;
margin: 0 4px;
}
.skin2 .owl-seo .owl-dots .owl-dot span {
/* border: 1px solid #121b22; */
box-shadow: 0px 0px 11px 4px #081523;
/*opacity: .8;*/
}
.skin2 .owl-seo.owl-theme .owl-dots .owl-dot span:hover {
background-color: #fff;
}
.skin2 .owl-seo.owl-theme .owl-dots .owl-dot.active span {
background-color: #e4b12c;
/* border: 1px solid red; */
}
.skin2 .owl-seo .owl-item .txt {
position: absolute;
right: 0px;
left: auto;
bottom: 0px;
top: 0px;
width: 50%;
margin: auto;
margin-right: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
line-height: 19px;
filter: brightness(1.04);
}
.skin2 .owl-seo .owl-item .txt h1 {
color: #d7d4d4;
display: block;
font-size: 27px;
font-weight: bold;
line-height: 28px;
text-align: center;
margin-bottom: 2%;
}
.skin2 .owl-seo .txt i {
color: #9d9c9c;
text-align: center;
}
.skin2 .owl-seo .owl-item .txt * {
margin: 0 22%;
}
.skin2 .owl-seo cta {
text-decoration: underline;
color: #56a0fd;
font-weight: bold;
white-space: nowrap;
}
.skin2 .owl-seo badge {
width: 34px;
height: 51px;
position: absolute;
top: 10px;
right: 0;
display: block;
background: url(../img/media/slider/badge.png);
background-size: cover;
}
.skin2 .owl-seo .txt h1 .yellow {
font-style: italic
}
.skin2 .lc-grid span.d {
height: 25px;
display: flex;
justify-content: flex-start;
align-items: center;
background-position: 100% center;
background-repeat: no-repeat;
background-size: 82px 36px;
}
.skin2 .lc-grid span.d.p1 { background-image: url(/tempobet_new/img/media/casino/providers/1.png); }
.skin2 .lc-grid span.d.p2 { background-image: url(/tempobet_new/img/media/casino/providers/2.png); }
.skin2 .lc-grid span.d.p3 { background-image: url(/tempobet_new/img/media/casino/providers/3.png); }
.skin2 .lc-grid span.d.p4 { background-image: url(/tempobet_new/img/media/casino/providers/4.png); }
.skin2 .lc-grid span.d.p5 { background-image: url(/tempobet_new/img/media/casino/providers/5.png); }
.skin2 .lc-grid span.d.p6 { background-image: url(/tempobet_new/img/media/casino/providers/6.png); }
.skin2 .lc-grid span.d.p7 { background-image: url(/tempobet_new/img/media/casino/providers/7.png); }
.skin2 .lc-grid span.d.p8 { background-image: url(/tempobet_new/img/media/casino/providers/8.png); }
.skin2 .lc-grid span.d.p9 { background-image: url(/tempobet_new/img/media/casino/providers/9.png); }
.skin2 .lc-grid span.d.p10 { background-image: url(/tempobet_new/img/media/casino/providers/10.png); }
.skin2 .lc-grid span.d.p11 { background-image: url(/tempobet_new/img/media/casino/providers/11.png); }
.skin2 .lc-grid span.d.p12 { background-image: url(/tempobet_new/img/media/casino/providers/12.png); }
.skin2 .lc-grid span.d.p13 { background-image: url(/tempobet_new/img/media/casino/providers/13.png); }
.skin2 .lc-grid span.d.p14 { background-image: url(/tempobet_new/img/media/casino/providers/14.png); }
.skin2 .lc-grid span.d.p15 { background-image: url(/tempobet_new/img/media/casino/providers/15.png); }
.skin2 .lc-grid span.d.p16 { background-image: url(/tempobet_new/img/media/casino/providers/16.png); }
.skin2 .lc-grid span.d.p17 { background-image: url(/tempobet_new/img/media/casino/providers/17.png); }
.skin2 .lc-grid span.d.p18 { background-image: url(/tempobet_new/img/media/casino/providers/18.png); }
.skin2 .lc-grid span.d.p19 { background-image: url(/tempobet_new/img/media/casino/providers/19.png); }
.skin2 .lc-grid span.d.p20 { background-image: url(/tempobet_new/img/media/casino/providers/20.png); }
.skin2 .lc-grid .bnr {
position: relative;
min-height: 120px;
}
.skin2 .lc-grid .bnr:after, .skin2 .g-img:after {
content: '';
display: block;
width: 74px;
height: 76px;
position: absolute;
top: 0px;
left: 0;
z-index: 14;
/* right: 0; */
background: url(../img/media/casino/fav-shad.png) top right no-repeat;
background-size: cover;
pointer-events: none;
}
.skin2 .g-img:after {
/* transform: scale(2.0); */
width: 124px;
height: 130px;
}
.skin2 fav {
display: block;
width: 34px;
height: 31px;
position: absolute;
top: 0;
/* right: 0; */
z-index: 15;
background-position: -5px -1313px;
/* transform: rotateY(180deg); */
}
.skin2 fav.f-on {
background-position: -5px -1340px;
}
.skin2 .t-hand {
width: 43px;
height: 52px;
background: url(../img/media/casino/hand.png) center center no-repeat;
background-size: cover;
display: block;
position: absolute;
top: 12px;
left: 8px;
z-index: 100;
}
.skin2 fav.f-on.anim {
visibility: hidden;
}
/* search */
.skin2 #custom #search-all.s-games {
background-color: transparent;
min-height: 36px;
padding: 4px 4px 0px 4px;
text-align: center;
border: 0;
}
.skin2 #custom form.thm-1 .inp:before {
filter: brightness(1.77);
}
.skin2 #custom #search-all form.thm-1 .inp input, .skin2 #custom #search-all form.thm-1 .inp input:focus {
background-color: #56585a;
}
.skin2 #custom #search-all form.thm-1 .inp {
background-color: #56585a!important;
position: relative;
/* margin-top: 140px; */
}
.skin2 #custom #search-all filter {
position: absolute;
right: -1px;
top: 1px;
bottom: 0px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
/* font-style: italic; */
color: #b0b0b1;
line-height: 17px;
padding-right: 10px;
cursor: pointer;
}
.skin2 #custom #search-all filter:after {
content: '';
display: block;
width: 12px;
height: 12px;
background-position: -2px -856px;
margin-left: 5px;
}
.skin2 #custom #search-all form.thm-1 .inp input, .skin2 #custom #search-all form.thm-1 .inp input:focus {
/*color: #eeeeee!important;*/
color: #adafb1!important;
font-size: 14px;
}
/* popup */
html.skin2 #custom .custom-popup2 .p-header {
padding: 10px 0 1px 9px;
background-image: none;
background-color: #9fa1a4;
color: #545352;
}
html.skin2 #custom .custom-popup2 .p-header a.p-close2 {
filter: brightness(1.08);
}
html.skin2 #custom .custom-popup2 {
background-color: #5d5d5c;
}
html.skin2 #custom .on-custom-focus {
background: url(../img/ui-assets/arrow-dark-grey-single.png) no-repeat!important;
background-position: right center!important;
background-size: 20px!important;
}
/* gameplay */
html.skin2 #custom .g-img {
margin-bottom: 11px;
position: relative;
border-radius: 6px;
overflow: hidden;
display: block;
background-color: #3e4040;
min-height: 150px;
}
html.skin2 #custom .g-img img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
html.skin2 #custom .g-cta button {
margin-bottom: 10px;
display: block;
}
html.skin2 .g-img fav {
transform: scale(1.39);
top: 8px;
left: 10px;
mix-blend-mode: hard-light;
}
html.skin2 #custom .custom-popup2.gameplay .p-content {
margin: 7px 5px 5px 5px;
}
/* forms style-2 */
html.skin2 #custom h3 {
margin-top: -2px;
}
html.skin2 #custom.style-2 .info-page p {
margin-bottom: 24px;
}
html.skin2 #custom h2.bold-header {
display: none;
}
html.skin2 #custom.style-2 table.tbl-3 {
margin-bottom: 36px;
margin-top: 19px;
}
html.skin2 #custom.style-2 form.thm-1 .inp.date, html.skin2 #custom.style-2 form.thm-1 .inp.time {
width: 100%!important;
}
html.skin2 #custom.style-2 #attached_image {
width: 100%!important;
display: block;
max-width: 82%!important;
opacity: .97;
}
html.skin2 #custom.style-2 #attached_image_remove {
text-align: center;
margin-bottom: 11px;
text-decoration: none;
padding-left: 20px;
font-size: 14px;
display: flex;
width: auto;
align-items: center;
justify-content: center;
/* border: 1px solid yellow; */
}
html.skin2 #custom.style-2 #attached_image_remove:before {
content: '';
width: 14px;
height: 14px;
border: 1px solid #d2a532;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
margin-right: 4px;
background-position: 2.3px -652.9px;
background-size: 30px;
border-radius: 50%;
/* filter: saturate(0.1) brightness(1.3); */
margin-top: -1px;
}
html.skin2 #custom table.tbl-3 tr.info td {
background-color: #444444;
height: 23px;
border-right: 0px solid #545454;
border-bottom: 1px solid #3c3b3c;
line-height: 16px;
padding-top: 2px;
}
/********************* DEPOSIT FILTERS FORM *********************/
/* Deposit Amount Filter Layout & Switch Adjustments */
html.skin2 #custom .deposit-filter-wrap {
margin-bottom: 18px;
}
html.skin2 #custom .filter-switches-container {
display: flex;
gap: 10px;
margin-top: -9px;
}
html.skin2 #custom .filter-switches-container .fieldgroup {
flex: 1;
margin-bottom: 0;
}
html.skin2 #custom .filter-switches-container .switch-but {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Hide HTML5 Number Input Arrows (Spin Buttons) */
html.skin2 #custom .deposit-filter-wrap input[type="number"]::-webkit-outer-spin-button,
html.skin2 #custom .deposit-filter-wrap input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
html.skin2 #custom .deposit-filter-wrap input[type="number"] {
-moz-appearance: textfield; /* Firefox */
appearance: textfield;
}
/* Adjust label font size and wrapping for screens under 500px */
@media screen and (max-width: 499px) {
.skin2 #custom .filter-switches-container .switch-but .l {
font-size: 13px;
white-space: normal;
line-height: 15px;
}
}
@media screen and (max-width: 330px) { /*if doc is smaller*/
.skin2 .owl-seo .owl-dots .owl-dot {
display: none;
}
.skin2 .owl-seo .owl-item a.lk {
background-position-x: 30%!important;
}
.skin2 .owl-seo .owl-item .txt * {
margin: 0 0;
}
}
@media screen and (max-width: 420px) { /*if doc is smaller*/
.skin2 .owl-seo .owl-item .txt {
transform: scale(.9);
}
}
@media screen and (min-width: 420px) { /*if doc is bigger*/
.skin2 .owl-seo .owl-item .txt * {
margin: 0 25%;
}
}
@media screen and (min-width: 500px) { /*if doc is bigger*/
.skin2 .owl-seo .owl-item a.lk {
height: 169px!important;
}
.skin2 .owl-seo .txt h1 {
margin: 2% 2%;
}
}
@media screen and (min-width: 600px) { /*if doc is bigger*/
.skin2 .owl-seo .owl-item .txt * {
transform: scale(1.5);
line-height: 28px;
}
.skin2 .owl-seo .owl-item .txt h1 {
margin-bottom: 6%;
}
.skin2 .owl-seo .owl-item a.lk {
height: 213px!important;
}
.skin2 .owl-seo .owl-item a.lk {
background-size: contain!important;
}
}
@media screen and (min-width: 750px) { /*if doc is bigger*/
.skin2 .owl-seo .owl-item a.lk {
background-size: contain;
}
.skin2 .owl-seo .owl-item .txt h1 {
margin-bottom: 4%;
}
}
@media screen and (min-width: 800px) { /*if doc is bigger*/
.skin2 .owl-seo .owl-item a.lk {
background-size: contain!important;
background-position: 10%!important;
}
.skin2 .owl-seo .txt h1 {
font-size: 26px;
margin: 2% 2%
}
.skin2 .owl-seo .owl-item .txt {
width: 50%;
pointer-events: none;
}
.skin2 fav {
transform: scale(1.22);
opacity: .9;
}
}
@media screen and (min-width: 1400px) { /*if doc is bigger*/
}