/*@import "//fonts.googleapis.com/css?family='Segoe'";*/

/*!*-----demoskin standard color--------*!
!*-------end demoskin---------*!
!*--skin-bg-color: red;*!
!*--skin-bg-second-color: purple;*!
!*--skin-bg-third-color: yellow;*!
!*--skin-text-color: #ffffff;*!
!*--skin-start-gradient: #fbb76f;*!*/

/* Import BaiJamJuri Font Google */
@import "https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";
/* Import Bangers Font Google */
@import "https://fonts.googleapis.com/css2?family=Bangers&display=swap";
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@import "./site/colors.css";

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Segoe', Helvetica, Arial, Helvetica, sans-serif;
    background-color: var(--baseDark);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 70px;
    overflow-x: hidden;
    background: var(--baseDark);
}

.hiddenImportant {
    display: none !important;
}


@keyframes bounce {

    0%,
    20%,
    60%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    80% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.ib_repl span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-green {
    color: #0FD101 !important
}

/*-----Scroll bar style-----*/
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: black;
}

html {
    scrollbar-color: var(--scroll-design);

}

/* Handle */
::-webkit-scrollbar-thumb {
    background-image: var(--scroll-design);
    border: 2px solid black;

}

scrollbar,
.scroller {
    scrollbar-color: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(to bottom, #444, #343434, #333, #111, #000000);
}

/*---/Scroll---*/

.positionManagement {
    width: 26px;
    text-align: center;
    cursor: pointer;
    line-height: 23px !important;
}

.trans1:hover,
.trans2:hover {
    color: var(--skin-bg-color);
}

.disableInput {
    color: #fff !important;
}

.makeTransactions {
    border: none !important;
}

.container {
    min-width: 100%;
}

.border-warning {
    max-width: 85%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    border-color: #000 !important;
}

#navigationContainer {
    background: var(--fast-link-color);
}

#navigation.nl a {
    color: #000;
}

#navigationContainer #navigation {
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
    display: flex;
    min-height: 100%;
    padding-right: 0px !important;
}

.swal-modal {
    width: 40% !important;
}

@media (max-width: 767px) {
    #navigationContainer #navigation {
        width: 100% !important;
    }

    #loggedSubmenu {
        width: 100%;
    }

    #moveMe {
        width: 139px;
    }

    .centerElementsResponsive {
        margin-left: auto;
        margin-right: auto;
    }

    .swal-modal {
        width: 550px !important;
    }
}

#loginForm {
    border-radius: 15px;
    background: var(--newTemBackground);
}

#loginForm .input-group-addon {
    background: #252633 0% 0% no-repeat padding-box;
    border: 1px solid var(--skin-bg-color);
}

#loginForm .form-control {
    border-radius: 5px;
    width: 100%;
    font-weight: 500;
    background: var(--newTemSecondBackground);
}

.close:focus,
.close:hover {
    color: #fff !important;
    border: 0px !important;
    border-color: transparent !important;
}


#loginForm .form-control:focus {
    border-color: #fff;
}

@media screen and (min-width: 1200px) {
    #loginForm {
        font-size: 13px;
    }
}

.header_container {
    position: sticky;
    top: 0;
    z-index: 1002;
}

#topHeader {
    background-color: var(--skin-bg-color);
    padding: 1rem 0;
    position: relative;
    z-index: 2000;
}

.font-droid {
    font-size: 20px;
}

#language .dropdown-item {
    padding: .05rem 1rem;
    color: var(--skin-bg-color);
}

.dropdown {
    cursor: pointer;
}


#language .dropdown-menu {
    min-width: 140px;
    background-color: #2a2a2a;
    font-size: 14px !important;
    margin: 1.125rem -26px 0;
}

.showPassword {
    color: #c2c2c2;
    position: absolute;
    font-size: 15px;
    right: 10px;
    top: 10px;
}

.hidePassword {
    color: #c2c2c2;
    position: absolute;
    font-size: 15px;
    right: 10px;
    top: 10px;
}

#language .dropdown-menu {
    top: 40% !important;
    border-radius: 0 !important;
}

.flag {
    height: 20px;
}

#navigation .mdl-textfield {
    width: auto;
}

#navigation .mdl-textfield__input {
    color: var(--skin-bg-color);
    border-bottom: 1px solid #836c02;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--skin-bg-color) !important;
}

#navigation input:-webkit-autofill,
#navigation input:-webkit-autofill:hover,
#navigation input:-webkit-autofill:focus,
#navigation input:-webkit-autofill,
#navigation textarea:-webkit-autofill,
#navigation textarea:-webkit-autofill:hover,
#navigation textarea:-webkit-autofill:focus,
#navigation select:-webkit-autofill,
#navigation select:-webkit-autofill:hover,
#navigation select:-webkit-autofill:focus {
    border-bottom: 1px solid var(--skin-bg-color);
    -webkit-text-fill-color: var(--skin-bg-color);
    transition: background-color 5000s ease-in-out 0s;
}

.navbar .mdl-textfield__label {
    color: #a58c02;
    display: inline-block;
}

.bg-color-custom-alert {
    background-color: var(--messages-newmsg-bg-color);
}

.bg-color-white {
    background-color: #fff;
}

.border-left-22 {
    display: inline-block;
    border-left: 1px solid #e9ecef !important;
    height: 22px;
    margin-bottom: -4px !important;
}

#logo {
    top: unset;
    left: unset;
    width: 185px;
    opacity: 1;
    object-fit: none;
}

.footer-logos img#logo {
    object-fit: contain;
    width: 50px;
    filter:invert(1);
}

#menu .navbar-nav {
    font-size: 16px;
}

.userMenuPosition {
    margin: 19px;
}

.languagePosition {
    font-size: 15px;
    margin-right: 0px;
    margin-top: 0px;
}

#menu li {
    margin: 7px 0 0;
}

.btn-orange {
    color: #000;
    background-color: var(--skin-bg-color);
    border-color: var(--skin-bg-color);
}

#menu {
    font-family: 'Segoe';
    font-weight: 700;
    top: -2px;
}

#menu .nav-item {
    border-right: 1px solid grey;
    padding: .1rem .5rem;
    transition: background-color .4s ease 0s;
}

#menu .nav-item:first-child {
    border-radius: 0 0 0 4px;
}

#menu>li:last-child {
    float: right;
}

#menu a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    font-family: 'Segoe';
    white-space: nowrap;
    word-wrap: normal;
}


.footer {
    margin-top: auto;
    color: #fff !important;
    bottom: 0;
    width: 100%;
    /*height:105px;*/
    right: 0;
    z-index: 2;
}

.footer.toHiddenFooter {
    color: #fff !important;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    transition: all 0.3s ease;
}

.hideFooterHere.hidden {
    display: none;
}

.hideFooterHere {
    display: block;
}

.openFooterBtn {
    background: var(--skin-bg-color);
    width: 120px;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    float: right;
    right: 38px;
    cursor: pointer;
    color: #000;
    position: relative;
}

.openFooterBtn:hover {
    background: #b3f3ff;
}

.footer>.container .row:not(:last-child) {
    border-bottom: 1px solid #5a5a5a;
}

.no-underline {
    color: #000;
}

.orangeStar {
    background: -webkit-linear-gradient(#fff800, #f5de3e, #f1c218, #ffab00, var(--skin-bg-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.no-underline:hover {
    color: #fff !important;
    text-decoration: none;
}

.delay-5s {
    animation-duration: 3s !important;
}

.gns-casino-live:before {
    font-size: 70px !important;
}

.iconsPositioning {
    height: 7.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 27px;
    text-align: center;
    font-family: 'Segoe';
}

.hvr-grow-bot {
    background-image: var(--skin-btn-gradient) !important;
}

.lSSlideWrapper {
    display: inline-block;
}

header.sticky-top.p-0 {
    margin: 0px !important;
}

.shortcuts-menu-bg:hover {
    background-image: var(--skin-home-front-menu);
}

.shortcuts-menu-bg {
    background: var(--skin-bg-color);
    width: 95%;
    height: 180px;
    padding: 0;
    border-radius: 3.5px;
}

.shortcuts-menu {
    padding: 0;
    width: 100%;
    height: 226px;
    margin: -144px 0 0;
}

.footerImg {
    max-height: 40px;
    max-width: 100%;
}

.error {
    color: red;
}

.valid {
    color: green !important;
}

#structureDetailsContainer {
    display: none;
}

.centered {
    text-align: center;
}

.info {
    color: #999;
}

.optionalDateContainer {
    display: none;
}

#adminDetailsContainer,
#starDetailsContainer {
    display: none;
}

.loginFields {
    width: 100%;
    padding: 4px 10px 4px 10px;
    border: 1px solid #80808000;
    background: #000;
    border-radius: 0 !important;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    height: 27px;
}

.loginFields::placeholder {
    color: #fff;
}

#loginModalForm {
    margin-right: auto;
    position: absolute;
    top: 64px;
    width: 235px;
    right: 0;
    background: #fff;
}

.loginButton {
    left: 1522px;
    width: 100px;
    height: 40px;
    border: 1px solid #FFFFFF !important;
    opacity: 1;
    border-radius: 12px !important;
    top: 13px;
    color: #f7f7f9;
    background: #2a2a2a;
    font-weight: normal !important;
    text-transform: uppercase;
    padding: 0px !important;
    line-height: 27px !important;
    font-size: 12px !important;
    font-family: 'Segoe', sans-serif;
}

.loginButton:hover {
    /*border-radius:0!important;*/
    /*color:#000;*/
    /*font-weight:700!important;*/
    /*margin-right:20px;*/
    /*background:var(--skin-bg-color);*/
}


.registerButton {
    left: 1522px;
    width: 100px;
    height: 40px;
    border: 1px solid #FFFFFF !important;
    opacity: 1;
    border-radius: 12px !important;
    top: 13px;
    color: #f7f7f9;
    background: #2a2a2a;
    font-weight: normal !important;
    text-transform: uppercase;
    padding: 0px !important;
    line-height: 35px !important;
    font-size: 12px !important;
    font-family: 'Segoe', sans-serif;
}

.registerButton:hover {
    /*    font-weight:700!important;*/
    /*    margin-right:20px;*/
    /*    border-radius:0!important;*/
    /*    background:transparent;*/
    /*    border:1px solid var(--skin-bg-color);*/
    color: #fff;
    /*    margin-left:-15px;*/
}

.notShown {
    display: none;
}

.hideDropdown {
    position: relative;
}

.hideDropdown .dropdown-toggle::after {
    display: none;
}

.bg-special-gray {
    background: #616161;
}

.putMessage {
    padding: 0 9px 0 0;
    vertical-align: middle;
}

.putMess {
    text-align: center;
    font-size: 26px;
    margin: 0px;
    max-height: 39px;
    background: var(--baseBackground2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    min-height: 39px;
    min-width: 39px;
}

.putMess .gns-small {
    top: unset;
    left: unset;
    position: relative;
    bottom: unset;
    right: unset;
    padding: 0px;
}

.gns-message:before {
    font-size: 17px !important;
}

.msg-count.msg-count-urgent {
    right: 0px !important;
    background: #a40021 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 0px 6px #5a0a1a !important;
    display: none;
}

.msg-count.msg-count-normal {
    right: 0px !important;
    color: var(--messages-bg-color-1) !important;
    background: var(--lig) !important;
    box-shadow: 0px 0px 6px #184dc1 !important;
    left: unset !important;
}

#newUserDropDown {
    background: var(--baseBackground2);
    border-radius: 50px !important;
    height: 38px !important;
    min-height: 40px !important;
    color: #fff;
    cursor: pointer;
    margin: 0 5px;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dropdown-menuCustom.rounded-0.selectBackground {
    position: absolute;
    padding-top: 20px;
    top: 21px;
    z-index: 0;
    background: var(--newTemSecondBackground);
    min-width: 98%;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#newUserDropDown a {
    z-index: 1;
    padding: 0px !important;
}

#newUserDropDown a:hover {
    background-color: transparent !important;
}

#newUserDropDown a:focus {
    background-color: transparent !important;
}

p.newLogOutButton a.dropdown-item.font-weight-bold.w-100 {
    padding: 0px !important;
    font-size: 19px;
    color: var(--lig);
    font-weight: 500 !important;
}

p.newLogOutButton a.dropdown-item.font-weight-bold.w-100:hover {
    background: transparent;
    color: var(--lightMain);
}

p.newLogOutButton a.dropdown-item.font-weight-bold.w-100:focus {
    background: transparent;
    color: var(--lightMain);
}

span#accountDropDown {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newUserDropBox {
    z-index: 1;
}

#player_fast_access_menu_container {
    display: none !important;
}

.dropdown-menuCustom.rounded-0.selectBackground a.dropdown-item:focus,
.dropdown-menuCustom.rounded-0.selectBackground a.dropdown-item:hover {
    background: transparent !important;
}

.dropdown-menuCustom.rounded-0.selectBackground a.dropdown-item {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}

span.usrNmHeader {
    color: aliceblue;
    display: inline-block;
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    left: 5px;
    top: 0px;
    font-size: 12px;
    padding-right: 24px;
}

.newDocumentBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 20px;
}

.newUserDocumentSBox .myPersonnel-Info.formUser {
    flex-direction: column;
}

.newUserCardSBox .myPersonnel-Info.formUser {
    flex-direction: column;
}

form#updateDocumentForm .box-2.mt-2 {
    display: none;
}

.pressDocumentChange {
    padding: 3px 10px !important;
}

.newButtonSaveUserProfileBox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
}

.selectBackground {
    background: var(--skin-select-background);
}

.text-success {
    color: #0FD101 !important;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #fff !important;
    border: 1px solid !important;
    font-weight: 600 !important;
}

.cashierPosition {
    background: #616161;
    padding: 5px 0 4px 7px;
    margin-left: 6px;
    font-size: 24px;
    float: left;
    color: #0FD101;
}

#mainImageContainer {
    width: 1550px;
    height: 850px;
    margin: 0 auto;
}

.file-btn {
    position: relative;
    cursor: pointer;
}

.file-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.smart-form .normalBtn {
    padding: 7px 15px;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: none;
}

.larger {
    font-size: larger;
}

.x-large {
    font-size: x-large;
}

.xx-large {
    font-size: xx-large;
}

.xxx-large {
    font-size: 4rem;
}

.small {
    font-size: small;
}

.x-small {
    font-size: x-small;
}

.xx-small {
    font-size: xx-small;
}

.pink {
    color: #f50057;
}

.orange {
    color: #ff5722;
}

.grey {
    color: grey;
}

.bold {
    font-weight: 700;
}

.white {
    color: #fff !important;
}



.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.justified {
    text-align: justify;
}

#serverTime {
    padding: 2px 13px 0;
    vertical-align: text-top !important;
}

@keyframes blinkRed {
    0% {
        color: red;
    }

    50% {
        color: #000;
    }

    100% {
        color: red;
    }
}

.blinkRed {
    -webkit-animation: blinkRed 1s linear infinite;
    -moz-animation: blinkRed 1s linear infinite;
    animation: blinkRed 1s linear infinite;
}

@keyframes blinkGreen {
    0% {
        color: #08ff00;
    }

    50% {
        color: green;
    }

    100% {
        color: #08ff00;
    }
}

.blinkGreen {
    -webkit-animation: blinkGreen 1s linear infinite;
    -moz-animation: blinkGreen 1s linear infinite;
    animation: blinkGreen 1s linear infinite;
}

@keyframes blinkGreenBg {
    0% {
        background-color: #08ff00;
    }

    50% {
        background-color: green;
    }

    100% {
        background-color: #08ff00;
    }
}

.blinkGreenBg {
    -webkit-animation: blinkGreenBg 1s linear infinite;
    -moz-animation: blinkGreenBg 1s linear infinite;
    animation: blinkGreenBg 1s linear infinite;
}

#main {
    position: relative;
}

#preloader2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;

    background: rgba(0, 0, 0, 1);
}

#loader2 {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffdc73;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

#loader2:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffcf40;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader2:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffbf00;
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
}

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;


    background: rgba(0, 0, 0, 0.22);
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--skin-bg-color);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--skin-bg-color);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--skin-bg-color);
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.parsley-error {
    border-color: #dc3545 !important;
}

.parsley-errors-list {
    display: none;
    margin: 0;
    padding: 0;
}

.parsley-errors-list.filled {
    display: block;
}

.parsley-errors-list>li {
    font-size: 12px;
    list-style: none;
    color: #dc3545;
}

.parsley-success {
    border-color: #28a745 !important;
}

@media (max-width: 1400px) {
    .toMargin {
        max-width: 565px !important;
        margin: 0 !important;
    }

    .navbar {
        padding: 0 !important;
        padding-top: 5px !important;
    }
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 145px !important;
    font-weight: 700;
}

.border-1 {
    border: 1px solid;
}

.black {
    color: #000;
}

.black:hover {
    color: #fff;
    text-decoration: none !important;
}


#fastServices {
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;
    margin-right: auto;
    margin-left: auto;
    max-width: 75%;
    margin-top: 30px;
}

#fastServices .media {
    background: var(--skin-bg-color);
}

#sections .card {
    background-color: #2a2a2a;
    color: #fff;
}

@media (min-width: 576px) and (max-width: 1200px) {
    #sections .card {
        flex: 0 0 198px;
        margin-bottom: 1%;
    }
}

#fastServices .fa:hover {
    transform: scale(1.1);
}

#sections img:hover {
    transform: scale(0.9);
}

.gamName {
    text-align: center;
    font-family: 'Segoe', Thin, sans-serif !important;
    font-style: normal;
    font-size: 11px;
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.container2 {
    font-family: 'Segoe' !important;
}

.container {
    font-family: var(--font-family-sans-serif) !important;
}


/*.nav-tabs.bordered>:first-child a {*/
/*border-left-width:0!important;*/
/*}*/

.headerGamesRow {
    top: 70px !important;
}

.bg-yellow {
    background-color: var(--skin-bg-color);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #ffffff !important;
}

.mdl-textfield__label:after {
    background-color: #4CAF50 !important;
}

.triangle {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.triangle-4 {
    width: 60px;
    height: 30px;
    border-bottom: solid 30px #f6bb00;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
}

.dpui-numberPicker-input {
    position: relative !important;
    top: -8px !important;
    width: 75px !important;
}

.margin-minus-15 {
    margin-top: -10px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #ffffff !important;
}

.gns-binary-option:before {
    font-size: 60px !important;
}

.playNowBtns {
    white-space: normal !important;
}

@media (max-width: 767px) and (min-width: 576px) {
    .playNowBtns {
        padding: 0 !important;
    }
}

@media (max-width: 1380px)and (min-width:1250px) {
    #loginForm {
        font-size: 10px;
    }

    .iconsPositioning {
        font-size: 19px !important;
        height: 11em !important;
    }

    .toMargin {
        max-width: 43%;
    }
}

.addHeightMedia {
    min-height: 100%;
}

.registerButtonStyle {
    padding: .375rem .75rem;
    border: 1px solid;
    text-decoration: none;
    text-align: center;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
}

.registerButtonStyle:hover {
    text-decoration: none;
    border: 1px solid transparent;
}

.languageDropdownBtn {
    margin-right: -15px;
    margin-top: -10px;
}

.dropdownLanguage {
    left: 8px !important;
}

.languageDropdown {
    right: -13px !important;
    left: -12px !important;
    margin-top: 6px !important;
}

@media only screen and (max-width: 767px) {
    #menuContent {
        flex-basis: 100% !important;
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
}

.bg-color-lighten {
    background-color: #e2e2e2;
}

@media only screen and (max-width: 575px) {
    #sections img {
        width: 25% !important;
    }

    .card-title {
        margin: 0 !important;
    }
}

.dropdown-toggle::after {
    display: unset !important;
}

#currentLanguage {
    text-decoration: none;
    outline: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}

#menuLogged {
    margin-right: 15px;
}

span.idCodeUsr {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    padding: 0 3px 0 10px;
}

@media only screen and (max-width: 373px) {
    .centerElementsResponsive {
        text-align: center !important;
    }
}

.serverTimeStyle {
    word-wrap: break-word;
    color: var(--skin-second-gray-color);
    font-size: 15px;
    margin-top: 10px;
    text-align: center;
    font-weight: 900;
}

.libgenfont-icon.fixFont {
    font-family: GenesisIcons !important;
}

@media (min-width: 767px) {
    #hideLanguageMenu3 {
        display: none;
    }

    #hideLanguageMenu2 {
        display: block;
    }
}

@media (max-width: 767px) {
    #hideLanguageMenu2 {
        display: none;
    }

    #hideLanguageMenu3 {
        display: block;
    }
}

.stayBig {
    max-width: 90% !important;
}

.styleWrongLogin {
    width: 200px;
    background: var(--lig);
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: -65%;
    left: 55%;
    margin-left: -80px;
    border: 0px;
    color: var(--messages-bg-color-1);
}


.styleWrongLogin::after {
    bottom: 100%;
    left: 25%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 5px solid transparent;
    border-bottom-color: var(--lig);
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    border: 0;
    font-weight: 700;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: gray;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    margin-left: -10px;
}

.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    margin-left: 4px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 35%;
    border: none;
    background-color: #f5f5f5;
    color: #818181;
    font-weight: 900;
    margin-top: 0;
}

.ui-datepicker .ui-timepicker-div {
    color: gray;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: -.3em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible;
    color: grey;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
    display: none;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-cover {
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.ui-datepicker th {
    font-weight: 700;
    color: gray;
}

.ui-datepicker-today a:hover {
    background-color: gray;
    color: #fff;
}

.ui-datepicker-today a {
    background-color: #BFBFBF;
    cursor: pointer;
    padding: 0 4px;
    margin-bottom: 0;
}

.ui-datepicker td a {
    margin-bottom: 0;
    border: 0;
}

.ui-datepicker td:hover {
    color: #fff;
}

.ui-datepicker td .ui-state-default {
    border: 0;
    background: 0 0;
    margin-bottom: 0;
    padding: 5px;
    color: gray;
    text-align: center;
    filter: none;
}

.ui-datepicker td .ui-state-highlight {
    color: #fff;
    background-color: #A90329;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-datepicker td .ui-state-active {
    color: #333;
    background-color: #ebebeb;
    margin-bottom: 0;
    font-size: medium;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-datepicker td .ui-state-hover {
    color: #fff;
    background: #428bca;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #357ebd;
    border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.viewAlerts {
    background: var(--skin-bg-color) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.makeTransactions {
    background: #52d200 !important;
}

.dpui-numberPicker button {
    border: 1px solid #616161 !important;
    border-radius: 0 !important;
    width: 30px !important;
    height: 30px !important;
}

.dpui-numberPicker.dpui-numberPicker-max .dpui-numberPicker-increase,
.dpui-numberPicker.dpui-numberPicker-min .dpui-numberPicker-decrease,
.dpui-numberPicker-increase,
.dpui-numberPicker button {
    background: var(--newTemBackground) !important;
    color: var(--lightMain) !important;
    border: 0px !important;
}

#makeTransactionsForm .dpui-numberPicker button {
    height: 45px !important;
}

#makeTransactionsForm .dpui-numberPicker-span {
    height: 45px !important;
    padding-top: 8px !important;
}

.jarviswidget>header {
    background: var(--skin-second-gray-color);
}

.addMsgAlertView,
.addMsgAlertViewLoaded {
    background: var(--skin-bg-color) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

#alertsDiv {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#example-advanced-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 85%;
    margin-top: 10px;
    border-radius: 0;
}

.logoCategoryImg {
    top: -41px !important;
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: #fff;
    color: var(--skin-bg-color) !important;
    cursor: default;
    width: 50px;
    height: 50px;
    border: 2px solid var(--skin-bg-color) !important;
    border-radius: 30px;
}

.wizard>.steps .current a .icon-register-account-details,
.wizard>.steps .current a .icon-register-personal-details,
.wizard>.steps .current a {
    color: var(--skin-bg-color) !important;
}

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    background: var(--skin-bg-color) !important;
    color: #fff !important;
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: #eee !important;
    color: #aaa !important;
}

.wizard>.steps .done a .bigCircle {
    background: var(--skin-bg-color) !important;
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    border: 2px solid var(--skin-bg-color) !important;
}

.submitRegister {
    background: #0FD101 !important;
    color: #fff !important;
}

/*.wizard > .steps > ul > li:after {*/
/*left:-45%!important;*/
/*}*/

.btn.customStyleCSV,
.btn.customStyleTXT,
.btn.customStyleXLSX {
    margin-bottom: 15px;
    width: 100px;
    height: 26px;
    padding: 0;
    margin-right: 5px;
    font-size: 14px;
    background-color: #eee;
}

.customStyleCSV:after {
    content: "";
    background: #00f url(../js/plugin/img/csv.svg) no-repeat center;
}

.customStyleTXT:after {
    content: "";
    background: purple url(../js/plugin/img/txt.svg) no-repeat center;
}

.customStyleXLSX:after {
    content: "";
    background: #006400 url(../js/plugin/img/xlsx.svg) no-repeat center;
}

.customStyleCSV:after,
.customStyleTXT:after,
.customStyleXLSX:after {
    margin-left: 5px;
    padding: 7px 11px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}

.btns-special,
.btns-special2,
.btns-special3 {
    width: 315px;
    margin-top: -8px;
    float: right;
}

@media (min-width: 351px) and (max-width: 564px) {

    .btn.customStyleCSV,
    .btn.customStyleTXT,
    .btn.customStyleXLSX {
        width: 45px;
    }

    .customStyleCSV:after,
    .customStyleTXT:after,
    .customStyleXLSX:after {
        margin-left: 0;
    }

    .btns-special,
    .btns-special2,
    .btns-special3 {
        width: 150px !important;
    }
}

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

    .btn.customStyleCSV,
    .btn.customStyleTXT,
    .btn.customStyleXLSX {
        width: 28px;
    }

    .btns-special,
    .btns-special2,
    .btns-special3 {
        width: 115px !important;
    }
}

.customStyleAddUser {
    float: none !important;
    border-color: #7DC27D !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, .12) !important;
}

.header_cell.b_left {
    border-left: 1px solid #dee2e6;
}

.header_cell.b_right {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.t_cell {
    line-height: 35px;
}

.boxDiv {
    padding: .5em;
    width: 100%;
    margin: .5em;
}

.modal-body {
    height: 190px;
    overflow-y: auto;
}

.titleModal {
    font-size: 17px !important;
    font-weight: 300 !important;
    margin: 10px 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

.userProfileText {
    font-size: 19px !important;
    margin: 6px 0 !important;
    font-weight: 400;
}

.styleTextMuted {
    font-size: 13px;
    padding-top: 5px;
}

.updateProfilePicture,
.btnUpdatePass {
    width: 65px !important;
    height: 65px !important;
    border-radius: 100% !important;
    border: 2px solid white;
}

.font-md-special {
    font-size: 115% !important;
    margin: 0 !important;
    line-height: normal !important;
}

.addSkinColor {
    color: var(--skin-bg-text-color) !important;
    font-weight: 600;
}

/*.no-padding .dataTables_wrapper table tr th:last-child {*/
/*max-width:50px!important;*/
/*width:50px!important;*/
/*}*/

/* tabs similar to admin */
.nav-tabs.bordered+.tab-content {
    border: 1px solid #ddd;
    border-top: none;
}

.modal-title #Layer_1 {
    font-size: 12px;
    width: 32px;
    vertical-align: bottom;
    margin-right: 10px;
}

.modal-title #Layer_1.warning .cls-1 {
    fill: #fcdb30;
}

.modal-title #Layer_1.error .cls-1 {
    fill: #fc000c;
}

#oddconfirmchg {
    margin: 0 10px;
    background: transparent;
    line-height: 34px;
    color: #fff;
    border: 1px solid #fff;
    height: 34px;
    text-align: center;
}

#oddconfirmchg label {
    color: #fff;
    margin-left: 20px;
    text-transform: uppercase;
    vertical-align: top;
}

.absoluteRow {
    position: absolute !important;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.hoverBag {
    /*height: calc(100% - 40px);*/
    height: 100%;
    background: transparent;
    padding: 0;
    margin: 0;
    /*opacity: 0.3;*/
    z-index: 99;
    cursor: pointer;
}

/*.hoverBag:hover{*/
/*background: var(--skin-bg-color);*/
/*}*/

.hoverBagNoPointer {
    cursor: default !important;
}

.odd_message,
.even_message {
    padding: 0px !important;
}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 375px !important;
    }
}

.positionReload {
    display: inline-block !important;
}

.lSSlideOuter {
    width: 100% !important;
    float: right;
    margin-top: 15px;
}

@media screen and (min-width: 600px) and (max-width: 1500px) {
    nav#menu li a {
        font-size: 12px !important;
    }
}


#sitesWidget.jarviswidget {
    padding: 15px 15px 5px;
}

#sitesWidget.jarviswidget>header,
#sitesWidget.jarviswidget-color-blueDark>header {
    padding: 0 10px;
    height: 40px;
    background-color: var(--newTemSecondBackground) !important;
}

#sitesWidget.jarviswidget>header img {
    position: relative;
    top: -1px;
}

#sitesWidget h2 {
    float: none;
    font-size: 16px;
    color: #ffffff;
}

#sitesWidget.jarviswidget>div {
    border: none;
    background-color: transparent !important;
}

#LogList.table-bordered th {
    background-color: var(--baseDark);
    color: #ffffff;
}

#LogList.table-bordered td {
    background-color: #111111;
    color: #ffffff;
}

#LogList.table-bordered th,
#LogList.table-bordered td {
    background-color: var(--newTemSecondBackground);
    color: #ffffff;
}

#stats_section .stats-numbers div {
    padding-bottom: 5px;
}

.tab-pane.dashMenu.active {
    /*background-color: var(--newTemBackground)!important;*/
    background: transparent !important;
}

#promotion.tab-pane.dashMenu,
#myDashboard.tab-pane.dashMenu {
    border-top: 0px !important;
}

#myTabTransaction {
    border-bottom: none;
}

#transactionsFilterContainer .jarviswidget {
    border-radius: 5px;
    overflow: hidden;
}

#transactionsFilterContainer .jarviswidget-color-blueDark>header {
    position: relative;
    padding: 15px;
    background-color: var(--skin-bg-body) !important;
    color: #ffffff !important;
    height: auto;
}

#transactionsFilterContainer .jarviswidget-color-blueDark>header:after {
    position: absolute;
    top: 13px;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
    content: "\f0d7";
}

#transactionsFilterContainer .jarviswidget-color-blueDark>header h2,
#transactionsFilterContainer .jarviswidget-color-blueDark h2 {
    font-size: 18px;
    font-weight: 600;
    float: none;
    margin-left: 0;
    color: #ffffff;
}

#transactionWidgetTotals.jarviswidget>div,
#transactionsFilterContainer .jarviswidget>div,
#wrongPtnWidgetTotals2.jarviswidget>div,
#transactionWidgetTotals2.jarviswidget>div,
#wrongPtnTransactionsWidget.jarviswidget>div,
#playergame_filter.jarviswidget>div {
    background-color: var(--skin-bg-body) !important;
    border: none;
}

#transactionsFilterContainer .smart-form fieldset {
    padding-top: 0;
    background-color: var(--skin-bg-body);
}

#transactionsFilterContainer .smart-form label {
    color: #ffffff;
    font-size: 14px;
}

#transactionsFilterContainer .smart-form .label {
    margin-top: 5px;
}

#transactionsFilterContainer .smart-form input,
#transactionsFilterContainer .smart-form select,
#transactionsFilterContainer .smart-form .select2-container .select2-choice,
#transactionsFilterContainer .smart-form .select2-container-multi .select2-choices {
    border-color: var(--skin-border-input);
    background-color: var(--skin-bg-input);
    color: #ffffff;
}

#transactionsFilterContainer .smart-form .select i {
    background: transparent;
    box-shadow: none;
}

#transactionsFilterContainer .smart-form .select i:before {
    display: none;
}

#transactionsFilterContainer .smart-form .select i:after {
    border-top: 6px solid #ffffff;
    border-right-width: 5px;
    border-left-width: 5px;
}

#transactionsFilterContainer .smart-form .select2-container .select2-choice .select2-arrow {
    border-left: none !important;
    background-color: transparent !important;
}

#transactionsFilterContainer .smart-form .select2-container .select2-choice .select2-arrow b:before {
    content: "\f0d7";
}

#transactionsFilterContainer .smart-form .select2-dropdown-open .select2-choice {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#transactionsFilterContainer .smart-form .select2-container-multi .select2-choices .select2-search-choice {
    border: none;
    margin: 0 !important;
    background-color: transparent;
    color: #ffffff;
}

#transactionsFilterContainer .smart-form .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 3px;
    margin-top: 6px;
    background-image: none;
}

#transactionsFilterContainer .smart-form .select2-container-multi .select2-search-choice-close:hover {
    text-decoration: none;
}

#transactionsFilterContainer .smart-form .select2-container-multi .select2-search-choice-close:before {
    content: "\d7";
    font-size: 18px;
    color: #ffffff;
}

#transactionsFilterContainer .smart-form .select2-search-field {
    height: 30px;
}

#transactionsFilterContainer .smart-form .checkbox i,
#transactionsFilterContainer .smart-form .icon-append {
    border-left: none;
}

#transactionsFilterContainer .smart-form .btn {
    float: none;
    height: 30px;
    padding: 0 30px;
    border-radius: 2px;
    margin: 10px 0 10px 12px;
    background-color: var(--skin-bg-color);
    font: 600 14px/28px var(--font-family-sans-serif);
}

#transactionsFilterContainer .smart-form .radio,
#transactionsFilterContainer .smart-form .checkbox {
    padding-left: 20px;
}

#transactionsFilterContainer .smart-form .radio i,
#transactionsFilterContainer .smart-form .checkbox i {
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 2px;
    box-sizing: border-box;
    margin-top: 1px;
    overflow: hidden;
}

#transactionsFilterContainer .smart-form .checkbox input:checked+i:before {
    content: "";
    height: 4px;
    width: 8px;
    border-left: 2px solid var(--skin-bg-body);
    border-bottom: 2px solid var(--skin-bg-body);
    transform: rotate(-45deg);
    position: absolute;
    top: 2px;
    left: 1px;
    z-index: 1;
}

#transactionsFilterContainer .smart-form .checkbox input+i:after {
    background-color: #ffffff;
    color: var(--skin-bg-body);
    content: "";
}

#trTa {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--blackx);
}

#trTa>.container-fluid {
    width: calc(50% - 15px);
    margin: 0;
}

#transactionsForm {
    background: transparent !important;
}

.transactions-list {
    background: transparent !important;
}

#trTa .admin-transactions-table .dt-toolbar {
    background: transparent !important;
}

.jarviswidget .dt-toolbar,
.jarviswidget .dt-toolbar-footer {
    padding-top: 5px;
    border-color: var(--skin-bg-main);
    background-color: var(--skin-bg-body);
    color: #ffffff;
}

.jarviswidget .dt-toolbar-footer {
    padding: 5px 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.jarviswidget>div {
    border: none !important;
    background-color: transparent !important;
}

.jarviswidget th,
.jarviswidget td {
    text-align: center;
    font-size: 12px;
}

.jarviswidget .table thead tr,
.jarviswidget .table thead tr:hover {
    background: transparent;
    color: #ffffff !important;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    background: transparent !important;
}

.jarviswidget .table thead tr th,
.jarviswidget .table tbody tr td {
    border-color: var(--borderDetailed) !important;
}

.jarviswidget .table tbody tr {
    background-color: transparent;
    color: #ffffff;
}

.jarviswidget .table tbody tr:hover {
    background-color: transparent;
    color: #ffffff !important;
}

.jarviswidget-color-blueDark>header {
    background: transparent !important;
}

.dataTables_filter {
    position: relative;
}

.dataTables_filter label {
    margin-bottom: 5px;
    margin-left: 10px;
}

.dataTables_filter .form-control,
.dataTables_length .form-control {
    height: 28px;
    padding-right: 30px;
    border-color: transparent;
    border-radius: 0;
    background-color: var(--newTemBackground);
    color: #ffffff;
    border-radius: 12px;
}

.dataTables_filter .form-control:focus,
.dataTables_length .form-control:focus {
    background-color: var(--newTemBackground);
    color: #ffffff;
}

.dataTables_length {
    position: relative;
    margin-right: 0 !important;
}

.dataTables_length .form-control {
    margin: -5px 0 -5px 10px !important;
}

.dataTables_length select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.dataTables_length label {
    font-size: 12px;
}

.dataTables_length label:after {
    position: absolute;
    top: 4px;
    right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d7";
}

.dataTables_paginate .page-item.disabled .page-link {
    border-color: var(--skin-bg-main);
    background-color: var(--skin-bg-input);
}

.dataTables_paginate .page-item .page-link {
    border-color: var(--skin-bg-main);
    background-color: var(--skin-bg-input);
    color: #ffffff;
}

.dataTables_paginate .page-item.active .page-link {
    border-color: var(--skin-bg-main);
    background-color: var(--skin-bg-body);
}

.dataTables_paginate .page-item:first-child .page-link {
    border-radius: 2px 0 0 2px;
}

.dataTables_paginate .page-item:last-child .page-link {
    border-radius: 0 2px 2px 0;
}

.pagination .page-item.active .page-link {
    background-color: var(--primaryDark) !important;
    color: var(--lightMain) !important;
}

.transactions-list h4,
.transactions-list h4 span {
    font-size: 20px !important;
}

#transactionWidgetTotals .widget-footer {
    min-height: 0;
    padding: 0;
    border-top: none;
    background-color: transparent;
}

#transactionWidgetTotals.jarviswidget .widget-body,
#transactionWidgetTotals2.jarviswidget .widget-body,
#wrongPtnWidgetTotals2.jarviswidget .widget-body {
    min-height: 0;
    color: #ffffff;
    text-align: center;
}

#transactionWidgetTotals.jarviswidget .table thead tr,
#transactionWidgetTotals.jarviswidget .table thead tr:hover,
#transactionWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult,
#wrongPtnWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult {
    background-color: var(--skin-bg-table);
}

#transactionWidgetTotals.jarviswidget .table tbody tr,
#transactionWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult+div,
#wrongPtnWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult+div {
    background-color: #000000;
}

#transactionWidgetTotals.jarviswidget .table th,
#transactionWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult,
#wrongPtnWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult {
    padding: 5px 11px;
}

#transactionWidgetTotals.jarviswidget .table td,
#transactionWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult+div,
#wrongPtnWidgetTotals2.jarviswidget .widget-body .titleFilterTotalsResult+div {
    padding: 11px;
    font-size: 16px;
    font-weight: 600;
}

#transactionWidgetTotals2.jarviswidget .widget-body .col,
#wrongPtnWidgetTotals2.jarviswidget .widget-body .col {
    padding: 0;
}

#transactionWidgetTotals2.jarviswidget .widget-body .col+.col,
#wrongPtnWidgetTotals2.jarviswidget .widget-body .col+.col {
    border-left: 1px solid var(--skin-bg-main);
    border-left: 1px solid var(--skin-bg-main);
}

#caschiersRequest #cashierTabsContent .smart-form fieldset {
    background: #0b0b0b;
}

.loginRegisterHeaderContainer,
.usernamePasswordHeaderContainer {
    display: block;
    margin-right: 2px;
}

.loginRegisterHeaderContainer {
    width: 80px;
    margin-right: 10px;
}

.loginHeaderContainer,
.registerHeaderContainer,
.usernameHeaderContainer,
.passwordHeaderContainer {
    display: block;
}

.usernameHeaderContainer,
.passwordHeaderContainer {
    width: 130px;
}

.passwordHeaderContainer {
    margin-top: 1px;
    position: relative;
}

.passwordHeaderContainer input {
    padding-right: 30px;
}

.languageDropdown {
    position: absolute !important;
    top: 40px !important;
    z-index: 9999 !important;
    right: 0px !important;
    left: initial !important;
}

.fa-caret-down,
.fa-caret-up {
    color: #fff !important;
    right: 0px;
    height: 17px;
}

.inline-block {
    display: inline-block !important;
}

.top-icons {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
}

.top-icons.language img {
    border-radius: 50%;
    width: 23px;
    height: 23px;
    margin: 0 auto;
    margin-top: -2px;
}

.margin-top-8 {
    margin-top: 8px;
    padding-right: 5px !important;
    text-align: right;
}

.language-list {
    margin-top: 3px;
    position: absolute;
    z-index: 9999;
}

.language-list .top-icons {
    background: #000;
}

#language {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-right: -4px;
}

.promoHeader {
    display: inline-block;
    position: relative;
    top: -5px;
    background: #000;
    padding: 2px 8px;
    border-radius: 15px;
    font-weight: bold;
    color: white;
}

.pulsePromo {
    top: -2px;
    position: relative;
    background: red;
    color: white;
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
}

.promoHeader a:hover {
    text-decoration: none !important;
    color: var(--skin-bg-color) !important;
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 0.0
    }

    10% {
        opacity: .20
    }

    20% {
        opacity: .40
    }

    30% {
        opacity: .60
    }

    40% {
        opacity: .80
    }

    50% {
        opacity: 1.0
    }

    60% {
        opacity: .80
    }

    70% {
        opacity: .60
    }

    80% {
        opacity: .40
    }

    90% {
        opacity: .20
    }

    100% {
        opacity: 0.0
    }
}

.carousel-btn-prev {
    background-image: url("../img/arrow_carusel.png");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
}

.carousel-btn-next {
    background-image: url("../img/arrow_carusel.png");
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    opacity: 0.1;
}

.carousel-btn-prev:hover {
    opacity: 0.6;
}

.carousel-btn-next:hover {
    opacity: 0.6;
}

/* NEW Template General CSS */

body {
    background: var(--newTemBackground);
    background-color: var(--newTemBackground) !important;
}


#bodyContainer {
    background: var(--newTemBackground) !important;
    margin-top: 0px !important;
}

#cookiesModal .modal-content {
    background: var(--newTemSecondBackground) !important;
    border: 0px !important;
    top: 100px;
}

#cookiesModal .modal-content p {
    font-size: 12px;
    font-width: 500;
}

#cookiesModal .modal-content .cookies-info-link {
    color: var(--lig) !important;
}

#cookiesModal button.btn.btn-secondary.accept-cookies {
    background: var(--lig) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--messages-bg-color-1) !important;
}

#main {
    margin: 0px !important;
}

.main-menu-tabs {
    background-color: var(--newTemSecondBackground);
    margin: 15px 0 !important;
}

/*.main-menu-tabs .elementMenu .titleOptMenu:hover {
    color: #fff;
}*/

.tab-content .tab-pane .allCategoryOpt {
    background-color: var(--newTemSecondBackground);
    border-bottom: 1px solid #3E4657;
    padding: 0px !important;
    min-height: 50px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0px !important;
    display: none !important;
}

.tab-content .tab-pane .allCategoryOpt .itDesign {
    min-height: 50px;
    justify-content: center;
    align-items: center;
    grid-gap: 20px;
}

.tab-content .tab-pane .allCategoryOpt .findPath {
    margin: 0;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-content .tab-pane .allCategoryOpt .findPath .d-inline-flex {
    align-items: center;
    justify-content: center;
    min-height: 50px;
}

.tab-content .tab-pane .allCategoryOpt .fireHide {
    color: #fff !important;
    padding: 0px !important;
    margin: 0px !important;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-content .tab-pane .allCategoryOpt .fireHide.active {
    border-bottom: 2px solid var(--newColorBackgroundTemp) !important;
}

.tab-content .tab-pane .allCategoryOpt .findPath:hover .fireHide {
    border-bottom: 2px solid var(--newColorBackgroundTemp) !important;
}

.tab-content .tab-pane .allCategoryOpt a {
    text-decoration: none;
    font-size: 16px;
    padding: 5px 20px;
    display: block;
    font-weight: 500 !important;
    color: #fff !important;
}

.show-credit-wrapper #moveMe #toMove {
    right: 10px !important;
    left: unset !important;
}

a.elementMenu.active.show {
    border-bottom: 2px solid var(--lig) !important;
}

a.elementMenu:focus {
    border-bottom: 2px solid var(--newColorBackgroundTemp) !important;
}

.dashMenu>.container {
    background: transparent;
    padding: 0px !important;
}

.transactionsFilterHeader {
    background-color: transparent !important;
}

.cashier_tab #cashTab {
    display: none;
}

#mostplayedSection #filter_section .website_header header,
#betting_tickets #filter_section .website_header header,
#ticketsSection #filter_section .website_header header,
.jurTabsTabs #filter_section .website_header header {
    background: var(--blackx) !important;
}

#mostplayedSection #filter_section #search_ticket_header_form,
#betting_tickets #filter_section #search_ticket_header_form,
#ticketsSection #filter_section #search_ticket_header_form,
.jurTabsTabs #filter_section #search_ticket_header_form {
    background: var(--blackx) !important;
}

#mostplayedSection #tickets_tab #ticketContainer #totals_table,
#betting_tickets #tickets_tab #ticketContainer #totals_table,
#ticketsSection #tickets_tab #ticketContainer #totals_table,
.jurTabsTabs #tickets_tab #ticketContainer #totals_table {
    background: var(--blackx) !important;
}

#mostplayedSection #tickets_tab #ticketContainer .status_symbol,
#betting_tickets #tickets_tab #ticketContainer .status_symbol,
#ticketsSection #tickets_tab #ticketContainer .status_symbol,
.jurTabsTabs #tickets_tab #ticketContainer .status_symbol {
    background: var(--blackx) !important;
}

div #custom_style .dragscroll,
div #custom_style #ticketList_wrapper,
div #custom_style #ticketList_wrapper .table-bordered td,
div #custom_style #ticketList_wrapper .table-bordered th,
div #custom_style #ticketList_wrapper .dt-toolbar,
div #custom_style #ticketList_wrapper table tr,
div #custom_style #ticketList_wrapper table td,
div #custom_style #ticketList_wrapper table.dataTable thead .sorting_asc,
div #custom_style #ticketList_wrapper table.dataTable thead .sorting_desc {
    background: var(--blackx) !important;
}

div #custom_style #ticketList_wrapper .dt-toolbar-footer {
    background: var(--blackx) !important;
}

button#list_tickets {
    color: var(--messages-bg-color-1) !important;
    background-color: var(--lig) !important;
    border: 0px !important;
}

#mostplayedSection #totals_table .header_cell .t_cell,
#betting_tickets #totals_table .header_cell .t_cell,
#ticketsSection #totals_table .header_cell .t_cell,
.jurTabsTabs #totals_table .header_cell .t_cell {
    color: var(--lightMain) !important;
}

.optionMenu-content table tbody tr:hover {
    background-color: var(--primaryDark) !important;
}

#caschiersRequest .row.cashier_tab {
    background: transparent !important;
}

#mostplayedSection #filter_section .website_header header,
#betting_tickets #filter_section .website_header header,
#ticketsSection #filter_section .website_header header,
.jurTabsTabs #filter_section .website_header header {
    background: var(--blackx) !important;
}

#mostplayedSection #filter_section #search_ticket_header_form,
#betting_tickets #filter_section #search_ticket_header_form,
#ticketsSection #filter_section #search_ticket_header_form,
.jurTabsTabs #filter_section #search_ticket_header_form {
    background: var(--blackx) !important;
}

#mostplayedSection #tickets_tab #ticketContainer .status_symbol,
#betting_tickets #tickets_tab #ticketContainer .status_symbol,
#ticketsSection #tickets_tab #ticketContainer .status_symbol,
.jurTabsTabs #tickets_tab #ticketContainer .status_symbol {
    background: var(--blackx) !important;
}

.jarviswidget .table thead tr,
.jarviswidget .table thead tr:hover {
    background: var(--formInputBackgroundDark) !important;
}

div #custom_style #ticketList_wrapper .dt-toolbar-footer {
    background: var(--newTemSecondBackground) !important;
}

.jarviswidget .table tbody tr {
    background-color: var(--formInputBackgroundDark) !important;
}

#mostplayedSection #tickets_tab #ticketContainer #totals_table,
#betting_tickets #tickets_tab #ticketContainer #totals_table,
#ticketsSection #tickets_tab #ticketContainer #totals_table,
.jurTabsTabs #tickets_tab #ticketContainer #totals_table {
    background: var(--blackx) !important;
}

#mostplayedSection #totals_table .header_cell .t_cell .text-success,
#betting_tickets #totals_table .header_cell .t_cell .text-success,
#ticketsSection #totals_table .header_cell .t_cell .text-success,
.jurTabsTabs #totals_table .header_cell .t_cell .text-success {
    color: var(--lightMain) !important;
}

#mostplayedSection #totals_table .header_cell .t_cell,
#betting_tickets #totals_table .header_cell .t_cell,
#ticketsSection #totals_table .header_cell .t_cell,
.jurTabsTabs #totals_table .header_cell .t_cell {
    color: var(--lightMain) !important;
}

#mostplayedSection #ticket_tabs.menu-3rd-level,
#ticketsSection #ticket_tabs.menu-3rd-level {
    display: none;
}

div#financialSummaryWidget0 {
    background: var(--blackx) !important;
}

div#hereTotals20 {
    background: var(--newTemSecondBackground) !important;
}

.reports-wrapper-outer .reports-wrapper .results-betting-wrapper:not(.blue-text-table) tr th {
    background: var(--newTemBackground) !important;
}

.reports-wrapper-outer .reports-wrapper .results-betting-wrapper:not(.blue-text-table) tr td {
    background: var(--newTemBackground) !important;
}

.ticket-filter-footer .btn-primary {
    color: var(--lightMain) !important;
    background-color: var(--primaryDark) !important;
    border-color: transparent !important;
}

div #custom_style #ticketList_wrapper .dt-toolbar-footer {
    background: var(--blackx) !important;
}

form#transactionsForm footer button.btn.btn-primary {
    border: var(--primaryDark) !important;
    background: var(--lig) !important;
    color: var(--messages-bg-color-1) !important;
}

.datepicker_container .userSearchPeriod input[type=checkbox]:checked+label {
    background-color: var(--lig) !important;
    color: var(--messages-bg-color-1) !important;
}

.datepicker_container .select2-container.selected .select2-choice,
.datepicker_container .select2-container.select2-dropdown-open .select2-choice {
    background-color: var(--newTemBackground) !important;
}

.newCashierSubMenu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 80px;
    grid-gap: 20px;
    min-width: 100%;
}

.newCashierSubMenu a {
    height: 36px;
    border: 1px solid #3E4657;
    border-radius: 12px;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    padding: 0 10px;
    font-weight: 500;
    min-height: 42px;
    min-width: 120px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: unset !important;
}

.newCashierSubMenu a:hover {
    background: var(--lig);
    color: var(--messages-bg-color-1);
}

.cashierContainer .cashierContainer-item {
    background-color: var(--blackx) !important;
}

#caschiersRequest #voucher_section #voucher_filter {
    background-color: var(--blackx) !important;
}

#caschiersRequest #voucher_section #voucher_total .total_value {
    background-color: var(--formInputBackgroundDark) !important;
}

#caschiersRequest #voucher_section #voucher_total {
    margin-bottom: 0px !important;
}

#caschiersRequest #voucher_section #voucher_table thead tr th {
    background: var(--newTemBackground) !important;
}

.optionMenu-content table tbody tr:hover {
    background: var(--newTemBackground) !important;
}

.dataTables_wrapper .dt-toolbar {
    background-color: var(--formInputBackgroundDark) !important;
}

.dt-toolbar-footer {
    background: var(--formInputBackgroundDark) !important;
}

div.datepicker_container .custom-period-row .to_hide input.form-control {
    background: var(--newTemBackground) !important;
    background-color: var(--formInputBackgroundDark) !important;
    color: var(--lightMain) !important;
    border-color: transparent;
    border-radius: 12px !important;
    min-width: 150px;
}

.datepicker_container .userSearchPeriod input[type=checkbox]:checked+label {
    background-color: var(--lig) !important;
}

.table-striped tbody tr td {
    border: 1px solid var(--borderDetailed);
    background: var(--newTemSecondBackground) !important;
    color: white;
}

.users-list-table thead tr {
    background: var(--newTemBackground);
}

.row.px-2.tabdatepicker.notestab12 h5 {
    color: var(--lightMain);
}

.datepicker_container .userSearchPeriod label {
    background: var(--newTemBackground) !important;
}

.select2-container.select2-container-multi .select2-choices {
    border-color: var(--borderDetailed);
    background-color: var(--newTemSecondBackground) !important;
    line-height: 20px;
}

.transactions-table {
    background-color: var(--newTemSecondBackground) !important;
}

.fc-head-container thead tr,
.table thead tr {
    background-color: var(--blackx) !important;
    background-image: unset !important;
    font-size: 12px;
}

.optionMenu-content table tr:hover {
    background-color: var(--newTemBackground);
}

.userContainerStyle .tab-content {
    background: var(--newTemBackground) !important;
    padding-top: 0px !important;
    padding-bottom: 20px;
}

.new-user-details form#transactionsForm40422 {
    padding-top: 20px;
}

.new-user-details .datepicker_container .custom-period-row {
    justify-content: flex-start;
    align-items: center;
    grid-gap: 90px;
}

.select2-container .select2-choice {
    background: var(--newTemBackground);
    background-color: var(--newTemBackground) !important;
    color: var(--lightMain) !important;
    border-color: transparent !important;
    border-radius: 12px;
}

input#voucher_id {
    background: var(--newTemBackground);
    color: var(--lightMain) !important;
    border-color: transparent;
    border-radius: 12px;
}

.btn-primary {
    color: var(--messages-bg-color-1) !important;
    background-color: var(--lig) !important;
    border-color: transparent !important;
}

.promotions-container {
    background: var(--newTemBackground) !important;
}

#voucher_section .col-12.align-center {
    display: flex;
    justify-content: flex-end;
    position: unset;
}

#voucher_section .col-12.align-center {
    display: flex;
    justify-content: flex-end;
    position: unset;
}

#caschiersRequest #voucher_section #voucher_filter .flex-column-bottom {
    padding: 0px !important;
    padding-right: 10px !important;
}

#caschiersRequest #voucher_section #voucher_total .total_label {
    background-color: var(--newTemBackground) !important;
}

.reports-wrapper-outer .section-header {
    background-color: transparent !important;
}

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


#cashierTabsContent .makeTransaction {
    background-color: var(--shade2Dark) !important;
}

.form-control,
.form-control:focus {
    background-color: var(--formInputBackgroundDark) !important;
    border-radius: 12px !important;
}

.select2-result-label {
    background-color: var(--newColorBackgroundTemp) !important;
}

.makeTransactions {
    background: var(--lig) !important;
    color: var(--messages-bg-color-1) !important;
    border: 0px !important;
    border-radius: 12px !important;
}

div#main.container-fluid.dashBorad .main-menu-tabs.row.menuOptions.nav.nav-tabs {
    border-bottom: 1px solid #3E4657;
    min-height: 50px !important;
    justify-content: flex-start;
    max-width: 73% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    background: transparent !important;
}

div#main.container-fluid.dashBorad .main-menu-tabs.row.menuOptions.nav.nav-tabs a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-size: 16px;
}

.menu-3rd-level {
    background: var(--blackx) !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0px !important;
    min-height: 50px !important;
}

#insertProfilePage .user-details-form .section-info,
#myTabContent .user-details-form .section-info {
    background: var(--newTemBackground);
}

.section-header h2 {
    font-weight: 600 !important;
    font-size: 22px !important;
}

#insertProfilePage #updateUser,
#myTabContent #updateUser {
    background-color: var(--newColorBackgroundTemp);
    border: 0px !important;
    color: #000;
    border-radius: 12px !important;
    margin-bottom: 10px;
    min-height: 40px;
    min-width: 200px;
    text-transform: uppercase;
}

#myTabContent .user-details-form label a {
    color: var(--lig);
}

#myTabContent .user-details-form .custom-radio-button span:after {
    top: 3px !important;
}

.newUserProfileData {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 73% !important;
    margin-right: auto;
    margin-left: auto;
}

.newMyProfileRow {
    min-width: 504px;
    max-width: 504px;
    min-height: 194px;
    max-height: 194px;
}

.newMyProfileRow .col-12.col-sm-12.col-xs-12.newMyProfile {
    min-height: 100%;
    padding: 0px;
}

.newMyProfileRow .avatarWrapper-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    grid-gap: 10px;
    min-height: 194px;
    min-width: 100%;
}

.newMyProfileRow .avatarWrapper-inner .left-panel {
    flex: unset !important;
    max-width: 122px;
    min-width: 122px;
    min-height: 122px;
    max-height: 122px;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}

.newMyProfileRow .avatarWrapper-inner .left-panel .account-image {
    min-width: 100%;
    min-height: 100%;
}

.newMyProfileRow .avatarWrapper-inner .left-panel .updateProfilePicture {
    width: 100% !important;
    height: 100% !important;
    border-radius: unset !important;
    overflow: unset !important;
    border: 0px !important;
    min-width: 100%;
    min-height: 100%;
}

.newMyProfileRow .avatarWrapper-inner .left-panel .updateProfilePicture img {
    border-radius: 50%;
    border: 3px solid var(--lig);
    width: 100%;
}

.newMyProfileRow .avatarWrapper-inner .right-panel {
    flex: 75%;
}

.newMyProfileRow .avatarWrapper-inner .right-panel .account-info-wrapper {
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    grid-gap: 10px;
}

.newMyProfileRow .avatarWrapper-inner .right-panel .account-info-wrapper p {
    font-weight: 500 !important;
    font-size: 22px !important;
    color: #fff;
    margin: 0px;
    text-transform: capitalize;
}

.newMyProfileRow .avatarWrapper-inner .right-panel .account-info-wrapper p.newChangeProfileImg {
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    min-height: 31px;
    max-height: 31px;
    max-width: 31px;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 31px;
    border-radius: 100%;
    background: rgb(108 167 248 / 10%) 0% 0% no-repeat padding-box;
    display: none;
}

.newMyProfileRow .avatarWrapper-inner .right-panel .account-info-wrapper p.last-login {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--fontShadeDark) !important;
}

.newMyProfileRow .avatarWrapper-inner .right-panel .account-info-wrapper button.btn.changeProfileImgBtn {
    display: flex !important;
    background: transparent;
    padding: 0px;
    margin: 0px;
    justify-content: center;
    align-items: center;
    color: var(--fontShadeDark);
}

.newUserProfileData .avatarWrapper {
    background: var(--blackx);
    border-radius: 12px !important;
    margin: 0px !important;
}

.newProfileCredits {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 100%;
    border: none;
    margin-top: 0px;
    padding-top: 0px;
    grid-gap: 20px;
}


.newAvailableContainer {
    min-width: 167px;
    max-width: 167px;
    min-height: 194px;
    max-height: 194px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: #fff;
    background: var(--blackx);
    padding: 20px;
    border-radius: 12px;
    grid-gap: 5px;
    padding-top: 50px;
}

.newWithdrawableContainer {
    min-width: 167px;
    max-width: 167px;
    min-height: 194px;
    max-height: 194px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: #fff;
    background: var(--blackx);
    padding: 20px;
    border-radius: 12px;
    grid-gap: 5px;
    padding-top: 50px;
}

div#myNewPorifle {
    background: transparent;
}

div#myNewPorifle .newLastTransactions table thead tr {
    background: var(--blackx) !important;
    color: var(--lightMain);
}

.user-details-container-mobile.userContainerStyle .newUserProfileData {
    justify-content: center;
    align-items: center;
    min-width: 100%;
}

.user-details-container-mobile.userContainerStyle .newBonusSportContainer {}

.userContainerStyle .col.col-xl-12.col-lg-12.col-md-3.col-sm-4.col-12.p-0 {
    display: none;
}

.admin-user-details .section-header.invert {
    margin-top: 0px;
    padding-top: 0px;
}

.user-details-container-mobile.userContainerStyle .newBonusSportContainer {
    justify-content: center;
}

.user-details-container-mobile.userContainerStyle .newWithdrawableContainer {
    align-items: flex-start;
    justify-content: center;
}

.user-details-container-mobile.userContainerStyle .newWithdrawableContainer:last-child {
    padding-top: 23px;
}


div#myNewPorifle .newLastTransactions table tbody tr {
    background: var(--blackx);
    color: var(--lightMain);
}

div#myNewPorifle .newLastLogs table thead tr {
    background: var(--blackx);
    color: var(--lightMain);
}

.newLastLogs table thead tr {
    background: var(--blackx);
    color: var(--lightMain);
}

div#myNewPorifle .newLastLogs table tbody tr {
    background: var(--blackx);
    color: var(--lightMain);
}

.newLastLogs table tbody tr {
    background: var(--blackx);
    color: var(--lightMain);
}

div#myNewPorifle button#btnall {
    background: var(--newTemBackground);
}

div#myNewPorifle .newFavouriteContainer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 66px;
    grid-gap: 10px;
    color: var(--fontShadeDark);
    padding-left: 50px !important;
    padding-right: 50px !important;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    max-width: 100%;
    padding: 20px;
}

.fullGameContainer:hover {
    background: var(--newTemSecondBackground);
}

.newBonusContainerBox {
    min-width: 167px;
    max-width: 167px;
    min-height: 194px;
    max-height: 194px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 20px;
}

.newBonusSportContainer {
    min-width: 167px;
    max-width: 167px;
    min-height: 194px;
    max-height: 194px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: #fff;
    background: var(--blackx);
    padding: 20px;
    border-radius: 12px;
    grid-gap: 5px;
}

.newBonusCasinoContainer {
    min-width: 100%;
    min-height: 87px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    background: var(--newTemSecondBackground);
    padding: 20px;
    border-radius: 12px;
    grid-gap: 5px;
    display: none;
}

.smallContent .btn-group,
.smallContent .btn-group-vertical {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.actualpage_casino .smallContent,
.actualpage_casino_live .smallContent,
.actualpage_virtual .smallContent {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.actualpage_casino .headerGamesRowPlus,
.actualpage_casino_live .headerGamesRowPlus,
.actualpage_virtual .headerGamesRowPlus {
    background: transparent !important;
}

.headerMenuCasino {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 15px;
}

.actualpage_casino select.selectProvidersCasino,
.actualpage_casino_live select.selectProvidersCasino,
.actualpage_virtual select.selectProvidersCasino {
    display: none;
}

.actualpage_casino .img-square,
.actualpage_casino_live .img-square,
.actualpage_virtual .img-square {
    width: 100%;
    max-height: 157px;
    object-fit: cover;
}

#fiscalcode_reverse_modal .modal-header {
    background-color: var(--newTemSecondBackground);
}

#fiscalcode_reverse_modal .modal-footer {
    background-color: var(--newTemSecondBackground);
    border-top: 0px;
    border-radius: 0px;
}

span.registerStepIcon {
    display: none !important;
}

.newGamesDescription {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -36px;
}


.game_background_blur_box {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: 0;
    left: 0;
    display: flex;
    overflow: hidden;
    border-radius: 12px;
}

.games_background_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(17px);
    min-height: 100%;
    min-width: 100%;
    opacity: 0.5;
}

a.newPlayOI {
    margin: 0px;
    width: 164px;
    height: 46px;
    background: var(--lig) !important;
    border-radius: 12px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: var(--messages-bg-color-1) !important;
    cursor: pointer;
}

#insertProfilePage #updateUser,
#myTabContent #updateUser {
    background-color: var(--lig) !important;
    color: var(--messages-bg-color-1) !important;
}

.cardButtonsCoffin {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    min-height: 126px;
    grid-gap: 10px;
    margin-top: 30px;
}

.bodyIndexOpenedGameBox {
    overflow: hidden !important;
}

.newWithdrawableContent span.text-success {
    display: flex;
    flex-direction: row-reverse;
}

span.newGamesTitle {
    max-height: 15px;
}

.newCategoriesGamesContainer.category-all {
    min-width: 100% !important;
    grid-gap: 15px;
    padding: 0px;
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
    overflow: visible;
}

.newLastWins {
    min-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 10px;
}

.newLastWins div.vinciteContainer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    min-height: 66px;
}

.vincitaOfUser {
    max-width: 170px;
    min-width: 170px;
    min-height: 66px;
    max-height: 66px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 10px;
    background: #2B3144 0% 0% no-repeat padding-box;
    border-radius: 12px;
}

.vincitaGameImg {
    min-height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vincitaGameImg img {
    max-height: 66px;
    min-width: 53px;
    min-height: 66px;
    max-width: 53px;
    background-size: cover;
    object-fit: cover;
}

.vincitaInfo {
    min-height: 66px;
    max-height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
}

span.vincitaQuantity {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

span.vincitaGame {
    font-size: 11px;
    color: var(--fontShadeDark);
}

.newAvalibleCreditContent {
    color: var(--fontSfullDark);
    font-size: 22px;
    font-weight: 500;
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

span.newUserAvaialbleCreditsTitle {
    text-transform: capitalize;
    color: var(--fontShadeDark);
    font-size: 14px;
    font-weight: 500;
    width: 100px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newProfileCredits i.fas.fa-question-circle {
    font-size: 16px;
    color: var(--iconColorDark);
}

.newButtonAddDepositContainer {
    min-width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

button.newUserDepositButton {
    border-radius: 100% !important;
    min-height: 38px;
    min-width: 38px;
    border: 0px;
    background: transparent linear-gradient(180deg, #184DC1 0%, #153376 100%) 0% 0% no-repeat padding-box;
    justify-content: center;
    align-items: center;
    display: flex !important;
}

.newProfileCredits i {
    color: #fff;
    font-size: 14px;
}

.newWithdrawableContent {
    color: var(--fontSfullDark);
    font-size: 22px;
    font-weight: 500;
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

span.newUserWithdrawableCreditsTitle {
    text-transform: capitalize;
    color: var(--fontShadeDark);
    font-size: 14px;
    font-weight: 500;
    width: 100px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newButtonWithdrawContainer {
    min-width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

button.newUserWithdrawButton {
    border-radius: 100% !important;
    min-height: 38px;
    min-width: 38px;
    border: 0px;
    background: transparent linear-gradient(180deg, #18C17A 0%, #15764D 100%) 0% 0% no-repeat padding-box;
    justify-content: center;
    align-items: center;
    display: flex !important;
    color: #fff;
}

.newProfileCredits i.fas.fa-arrow-down {
    color: #fff;
    font-size: 14px;
}

#insertProfilePage .user-details-form .section-header.invert,
#myTabContent .user-details-form .section-header.invert {
    background: transparent !important;
    margin: 20px 0 10px 0 !important;
    justify-content: flex-start;
    padding-left: 0px !important;
}

#insertProfilePage .user-details-form .section-info,
#myTabContent .user-details-form .section-info {
    border-radius: 12px;
    padding: 15px !important;
    background: var(--blackx) !important;
    margin-left: 20px !important;
}

.main-menu-tabs .elementMenu .titleOptMenu {
    text-decoration: none;
    font-size: 16px;
    padding: 5px 20px;
    display: block;
    color: #fff !important;
}

#usersRequest #steps .step-button span,
#usersRequest #steps-mini .step-button span {
    border: 0px !important;
    background: #2B3144 0% 0% no-repeat padding-box !important;
}

#complete-form #steps .step-button.active span,
#steps-mini .step-button.active span {
    border-radius: 25px !important;
    color: var(--lightMain) !important;
}

#contact-modal .modal-content.text-white {
    background-color: #000;
}

.register-container .tabs {
    background: transparent !important;
}

.register-by-agency.register-container .tabs div {
    border: 0px !important;
    background: var(--activeElementColor) !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-weight: 500 !important;
    min-height: 50px;
    max-height: 50px;
    padding: 0px !important;
    margin: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swal-modal {
    background-color: var(--newTemBackground);
}

#contact-modal .modal-header {
    background: var(--newTemBackground);
}

.modal-content {
    border: 0px !important;
}


.modal-body {
    background: var(--newTemBackground);
}

#contact-modal .modal-dialog {
    top: 200px;
}

.show-credit-wrapper #moveMe #showCredit .font-sm.credit_box .text-success {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 2px;
    flex-direction: row-reverse;
}

.actualpage_casino .headerGamesRowPlus,
.actualpage_casino_live .headerGamesRowPlus,
.actualpage_virtual .headerGamesRowPlus {
    background: transparent !important;
    margin-top: 135px !important;
}

.actualpage_casino .casinoHed:hover,
.actualpage_casino .casinoHed.active,
.actualpage_casino_live .casinoHed:hover,
.actualpage_casino_live .casinoHed.active,
.actualpage_virtual .casinoHed:hover,
.actualpage_virtual .casinoHed.active {
    background: var(--lightBackgroundSfumato) !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    color: var(--lig) !important;
    font-weight: 500;
}

a.showExtraFooterInfo:hover {
    color: var(--messages-bg-color-1);
}

.newLastWins div.vinciteContainer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    min-height: 66px;
    grid-gap: 20px;
}

.vincitaOfUser {
    max-width: 170px;
    min-width: 170px;
    min-height: 66px;
    max-height: 66px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 10px;
    background: var(--newTemSecondBackground);
    border-radius: 12px;
}

.vincitaGameImg img {
    max-height: 66px;
    min-width: 53px;
    min-height: 66px;
    max-width: 53px;
    background-size: cover;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.credit_over {
    display: none;
}

.bg-dark2.newLineFooterBottom {
    display: flex;
    justify-content: flex-end;
    padding-right: 90px;
    align-items: flex-end;
}

a.showExtraFooterInfo {
    background: var(--lig);
    color: var(--messages-bg-color-1);
    min-width: 80px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    margin-bottom: 0px;
    padding: 10px;
}

.swal-icon--warning__body,
.swal-icon--warning__dot {
    background-color: var(--lig);
}

.swal-icon--warning {
    border-color: var(--lig) !important;
}

.dpui-numberPicker-input {
    background: var(--newTemBackground) !important;
}

.dpui-numberPicker-span {
    background: var(--newTemSecondBackground) !important;
}

.new-user-details .datepicker_container .icon-append {
    bottom: -2px !important;
    right: -80px !important;
}

.new-user-details form#msg_filter_form .datepicker_container .icon-append {
    bottom: 8px !important;
}

.datepicker_container .icon-append {
    bottom: -2px !important;
}

#ticketForm i.icon-append.fa.fa-calendar {
    bottom: 8px !important;
}

.show-credit-wrapper #moveMe i.fa.fa-plus {
    position: unset !important;
}

#transactionsForm i.icon-append.fa.fa-calendar {
    bottom: 7px !important;
}

#transferHere {
    top: 116px;
}

div#transferHere.sticky-top {
    z-index: 1000 !important;
}

#voucher_section i.icon-append.fa.fa-calendar {
    bottom: 9px !important;
}

#bodyContainer .optionMenu-content.no-admin {
    max-width: 75% !important;
    margin-right: auto;
    margin-left: auto;
}

.cashierContainer {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    align-items: flex-start;
}

div#withdrawTab {
    flex: 1;
}

div#withdraw-transaction {
    flex: 1;
}

div#depositTab {
    flex: 1;
}

div#deposit-transaction {
    flex: 1;
}

.cashierContainer .cashierContainer-item .btn {
    background-color: var(--lig) !important;
    color: var(--messages-bg-color-1) !important;
}

.msg-filter-container.newMessagesBox {
    position: relative;
}

.newMessagesBox a.closeNewMessagesBox {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--newTemBackground);
    min-width: 40px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    color: var(--lightMain);
    cursor: pointer;
}

.newMessagesBox a.closeNewMessagesBox:hover {
    text-decoration: unset;
}

div#financialWidgetProvider {
    background: var(--newTemSecondBackground);
}

#reportsRequest .reports-wrapper-outer .reports-wrapper .results-betting-wrapper:not(.blue-text-table) tr td {
    border: 1px solid var(--borderDetailed);
    background: var(--newTemSecondBackground) !important;

}

#reportsRequest .reports-wrapper-outer .reports-wrapper .results-betting-wrapper:not(.blue-text-table) tr th {
    border: 1px solid var(--borderDetailed) !important;
    background: var(--newTemSecondBackground) !important;
}

#reportsRequest .reports-wrapper-outer .reports-wrapper .blue-text-table tr td {
    color: var(--lightMain) !important;
    font-weight: bold !important;
}

.transactions-list.transactions-list-item-wrapper .transactions-list-item p {
    background: var(--newTemBackground) !important;
}

.transactions-list.transactions-list-item-wrapper .transactions-list-item h4,
.transactions-list.transactions-list-item-wrapper .transactions-list-item h4 span {
    background: var(--newTemBackground) !important;
}

.dataTables_wrapper table.dataTable {
    border: 1px solid var(--borderDetailed) !important;
}

.detailsInfoContainer.p-0 .newUserProfileData {
    margin: 0px;
    margin-left: 0px;
    padding: 5px;
    padding-top: 60px;
}

.detailsInfoContainer.p-0 .newMyProfileRow {
    min-width: 416px;
    max-width: 416px;
    min-height: 140px;
    max-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detailsInfoContainer.p-0 .newMyProfileRow .avatarWrapper-inner {
    min-height: 100% !important;
}

.detailsInfoContainer.p-0 .newBonusContainerBox {
    min-width: 167px;
    max-width: 167px;
    min-height: 140px;
    max-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 20px;
}

.detailsInfoContainer.p-0 .newAvailableContainer {
    min-height: 140px;
    max-height: 140px;
}

.detailsInfoContainer.p-0 .newWithdrawableContainer {
    min-height: 140px;
    max-height: 140px;
}

.detailsInfoContainer.p-0 .newBonusSportContainer {
    min-height: 140px;
    max-height: 140px;
}

.userContainerStyle .detailsInfoContainer .userInfoDetails {
    display: none;
}

.userContainerStyle .tab-content .detailsInfoContainer {
    background: var(--newTemBackground) !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: var(--newTemBackground) !important;
    border-color: transparent !important;
    color: var(--lig) !important;
}

.userContainerStyle .nav-item {
    background: transparent !important;
    margin-bottom: 0px !important;
}

.userContainerStyle ul.nav.nav-tabs.mainTabs.navTopTabsUserMenuStyle.col-12.col-md-2.pr-md-2 {
    border: 0px !important;
    min-height: 30px;
    max-height: 30px;
}

.userContainerStyle .nav-tabs {
    border-bottom: 0px;
}

#users .nav-tabs .nav-link:focus,
#users .nav-tabs .nav-link:not(.active) {
    border-radius: 0px;
}

.newUserManagmentSection.row .tab-pane.admin-user-details {
    background: var(--newTemBackground) !important;
    padding-bottom: 20px;
    padding-top: 0px;
}

.newUserImageSocket {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-direction: column;
}

.newUserImageSocket img {
    grid-template-columns: repeat(3, 1fr);
    flex: 1;
    height: 180px;
    align-items: center;
    width: 460px;
    display: grid;
    border-radius: 12px;
}

.newUserImageSocket .txtimgno.align-center {
    position: relative;
    flex: 1;
    height: 180px;
    width: 460px !important;
    border-radius: 12px;
    background: #2a2a3b;
    color: #fff;
    padding: 20px;
    margin: 0px !important;
    left: 0px !important;
}

div#bet_summary_tab {
    background: var(--newTemBackground) !important;
}

div#bet_summary_tab article.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
    background: var(--newTemSecondBackground) !important;
    margin-top: 0px !important;
}

#bet_summary_tab .datepicker_container .icon-append {
    bottom: 8px !important;
}

div#summarySection div#betContainer .col-12 {
    background: var(--newTemSecondBackground) !important;
}

ul#mostplayed_tabs article.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
    background: var(--newTemSecondBackground) !important;
    margin-top: 10px;
}

div#mostplayedContainer .datepicker_container .icon-append {
    bottom: 8px !important;
}

div#mostplayedContainer {
    background: var(--newTemSecondBackground) !important;
}

.nav-tabs.bordered+.tab-content {
    border: none !important;
    background: var(--newTemSecondBackground) !important;
    color: var(--lightMain) !important;
    margin-top: 20px;
}

.tab-pane h2 {
    font-size: 20px;
}

.tab-pane header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 10px;
    padding-left: 10px;
}

.col.col-sm-12.classColCont {
    padding-bottom: 100px;
}

.container-fluid.userContainerStyle .col.col-12.detailsInfoContainer {
    display: none;
}

.newUserManagmentSection.row .tab-pane.admin-user-details:not(.active) {
    display: none;
}

.specialNewTicketNavigation {
    display: none !important;
}

.userWebsiteContainer .specialNewTicketNavigation {
    display: flex !important;
}

.reports-wrapper-outer .reports-wrapper .dataTables_wrapper table.dataTable tr th {
    background: var(--newTemSecondBackground) !important;
    border-color: var(--borderDetailed) !important;
    border: 1px solid var(--borderDetailed) !important;
}

#financialWidget1 .dataTables_wrapper {
    overflow: hidden;
    overflow-x: auto;
    border-radius: 12px;
}

.reports-wrapper-outer.classColCont .menu-3rd-level[id^=reports] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.reports-wrapper-outer .reports-wrapper .menu-3rd-level {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

table#ticketList {
    width: 1285px !important;
    max-width: 100%;
    min-width: 100%;
}

#tickets_filter .newTicketUserSection input#username {
    background: var(--newTemBackground);
    background-color: var(--newTemBackground) !important;
    color: var(--lightMain) !important;
    border-color: transparent !important;
    border-radius: 12px;
}

@media (max-width: 1500px) {
    div#betting #ticketsSection #tickets_tab #ticketContainer #custom_style {
        margin-left: -7rem;
        min-width: 1320px;
    }
}

@media (max-width: 1700px) {
    div#betting #ticketsSection #tickets_tab #ticketContainer #custom_style {
        margin-left: -7rem;
        min-width: 1320px;
    }
}

#ticketsSection .newCashierSubMenu {
    display: none !important;
}

div#betting #ticketsSection .newCashierSubMenu {
    display: flex !important;
}

.reports-wrapper-outer .reports-wrapper .dataTables_wrapper table.dataTable tr td {
    border-color: var(--borderDetailed);
    border: 1px solid var(--borderDetailed) !important;
}

#trTa .admin-transactions-table .dt-toolbar {
    margin-top: 0px !important;
    background-color: var(--formInputBackgroundDark) !important;
}

input.newAcceptRegisterInput {
    position: relative !important;
    left: unset !important;
    top: -3px;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    min-width: unset !important;
}

.datepicker_container .show_dropdown {
    width: 180px !important;
}

.select2-drop .select2-results .select2-result-label,
.select2-drop .select2-results .select2-results__group,
.select2-drop .select2-results .select2-results__options--nested .select2-results__option {
    color: var(--lightMain) !important;
    background: var(--newTemBackground) !important;
}

.select2-drop .select2-results {
    background-color: var(--newTemBackground);
}

/* New Ticket List Filter CSS */

.newModUsersforMultipleTypes {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
}

.newModUsersforMultipleTypes span.newSportTotUsers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.newModUsersforMultipleTypes span.newVirtualTotUsers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.newModUsersforMultipleTypes b {
    font-size: 17px;
    font-weight: 400;
}

/* END New Ticket List Filter CSS */

/* END NEW Template General CSS */

/* CSS betagioco Header.html.twig */

.user_register_container {
    padding: 20px 150px;
}

.custom_menu_button .icon5StyleHere {
    font-weight: normal !important;
    position: relative;
    top: 3px;
    font-size: 21px;
    color: var(--skin-bg-color);
}

.custom_menu_button:hover .icon5StyleHere {
    color: #a9a9a9;
}

.custom_menu_button {
    font-weight: normal !important;
    height: 35px;
    padding: 0 8px;
    color: var(--skin-bg-color);
    margin-top: 14px;
    /*margin-right: 10px;*/
    line-height: 35px;
    background-color: #fff;
}

.custom_menu_button span {
    /*top: -5px;*/
    position: relative;
    margin-left: 7px;
}

.custom_menu_button:hover {
    text-decoration: none;
    color: #a9a9a9;
}

.btnCollapseLoginForm {
    margin-top: 16px;
}

.headerInlineBlock {
    max-height: 60px;
    overflow: hidden;
}

.styleBtnLeftMenu2 {
    padding: 7px;
}

@media only screen and (max-width: 1300px) {
    .navbarBrand {
        margin-top: .5rem !important;
    }
}

@-moz-document url-prefix() {
    @media only screen and (max-width: 810px) {
        .navbarBrand {
            margin-top: 0.7rem !important;
        }
    }

    @media only screen and (max-width: 768px) {
        #menuLogged {
            padding-left: 0 !important;
        }
    }
}

#menuLogged.collapsing {
    transition: none !important;
}

#loggedSubmenu {
    padding: 2px 0;
}

#loggedSubmenu.navbar-nav {
    flex-direction: row !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
}

.toast-info {
    background-position: 3% 10% !important;
    background-color: #6790ad !important;
}

.read:hover,
.accept:hover,
.decline:hover {
    background-color: #cacac9;
}

.arangeStram {
    position: absolute;
    left: -140px;
    top: 20px;
    font-weight: 700;
    color: var(--skin-bg-color);
    font-family: 'Segoe';
}

.arangeStram a:hover {
    text-decoration: unset;
    color: white !important;
}

.arangeStram a {
    font-size: larger;
    font-weight: 700;
    color: var(--skin-bg-color);
    font-family: 'Segoe';
    text-transform: uppercase;
}

#addUserFastModal .modal-header {
    background-color: #333;
    color: #fff;
}

#addUserFastModal .modal-header .close {
    color: #fff;
}

.header-logo {
    margin-top: 18px;
}

.header-logo .logo1 {
    width: 28px;
    height: 28px;
    margin-top: -1px;
    margin-right: 20px;
}

.header-logo .logo2 {
    width: 45px;
    height: 29px;
    margin-top: -1px;
}

.header-logo .logo3 {
    width: 79px;
    margin: -5px 20px 0 10px;
}

.header-logo div {
    font-size: 10px;
    display: block;
    max-width: 400px;
    line-height: 12px;
}

.header-date {
    margin-top: 20px;
    margin-left: 30px;
    font-size: 14px;
}

.header-logo a {
    text-decoration: underline !important;
    color: white;
}

.header-logo {
    right: 10px;
    position: absolute;
    display: flex;
}

#registerButton {
    position: relative;
}

div#assistNr {
    margin-top: 20px;
    margin-left: 20px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
}

.userMenuPosition {
    position: absolute;
    right: 0;
}

#navigationContainer a.navbar-brand {
    padding: 0px;
    min-height: 100%;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
}

nav#menu {
    margin: 0px !important;
    padding: 0px !important;
    min-height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    top: unset !important;
    position: relative !important;
}

#menu {
    top: 0;
}

#menu .navbar-nav {
    padding-left: 0;
    margin-bottom: 0;
    text-align: center;
    grid-gap: 15px;
    list-style: none;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#menu .navbar-nav li {
    margin: 0px;
    padding: 0px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#menu .navbar-nav li.active {
    border-bottom: 2px solid var(--lig) !important;
}

#menu .navbar-nav li.active a.nav-link {
    color: var(--lightMain);
}

#menu .navbar-nav li {
    --b: 0.1em;
    /* the thickness of the line */
    --c: #1095c1;
    /* the color */

    color: #0000;
    /*! padding-block: var(--b); */
    /*! background:
            linear-gradient(var(--c) 50%,#000 0) 0% calc(100% - var(--_p,0%))/100% 200%,
            linear-gradient(var(--c) 0 0) 0% var(--_p,0%)/var(--_p,0%) var(--b) no-repeat; */
    -webkit-background-clip: text, padding-box;
    /*! background-clip: text,padding-box; */
    /*! transition: .3s var(--_s,0s) linear,background-size .3s calc(.3s - var(--_s,0s)); */
}

#menu .navbar-nav li:hover {
    --_p: 100%;
    --_s: .3s;
}

#menu .navbar-nav li:last-child {
    margin-right: 0;
}

#menu .navbar-nav li a {
    padding: 0;
    color: var(--fontSfullDark);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

#menu .navbar-nav li a:hover {
    text-decoration: none;
}

.firstHeaderStructure {
    background: var(--header-background);
    display: flex;
    position: relative;
    height: 60px;
    color: var(--white);
}

.live_chat_container {
    width: 180px;
    display: block;
    margin-right: 2px;
    text-align: right;
}

.livechat-btn,
.forgot-password-link {
    color: #fff;
    background: #000;
    line-height: 22px;
    border-radius: 14px;
    height: 28px;
    display: inline-block;
    width: fit-content;
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    text-decoration: unset;
    font-weight: bold;
}

.livechat-btn:hover,
.forgot-password-link:hover {
    text-decoration: unset;
    color: #1be7ff;
}

.livechat-btn:active,
.forgot-password-link:active {
    text-decoration: unset;
    color: #1be7ff;
}

.livechat-btn {
    margin-bottom: 1px;
}

.navbar {
    position: absolute !important;
}

/*#navigationContainer {
    background: var(--shade2Dark) 0% 0% no-repeat padding-box;
}*/

#navigationContainer {
    background: var(--fast-link-color);
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

span.fast_menu_btn {
    border-left: 0px !important;
}

#moveMe a.nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
    min-height: 30px;
}

#moveMe i.fa.fa-plus {
    position: relative !important;
    color: #fff !important;
    font-size: 14px;
    margin: 0px !important;
    padding: 0px !important;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
}

.fast_menu_btn:hover {
    color: var(--fontShadeDark) !important;
    text-decoration: none;
}

#newUserDropDown a.nav-link {
    color: var(--fontShadeDark);
    display: flex !important;
    justify-content: center;
    align-items: center !important;
    z-index: 10 !important;
    position: relative;
}

#newUserDropDown a.nav-link i.fas.fa-chevron-down {
    padding: 0px;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
}

a.forgot-password-link.forgot-password-modal {
    color: var(--fontShadeDark);
    border-bottom: 1px solid var(--borderDetailed) !important;
    border-radius: 0px;
    padding-bottom: 30px;
    min-width: 80%;
}

#loginForm .signin-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 5px;
}

div#forgot-password-modal {
    top: 129px;
}

/* Header Switch Light Mode CSS */
#menuLogged .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    margin: 50vh auto 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#menuLogged .switch_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 44px;
    min-width: 44px;
    max-height: 27px;
    min-height: 27px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none;
}

#fiscalcode_reverse_modal .modal-content {
    background-color: transparent !important;
}

#menuLogged .toggle_switch {
    width: 100px;
    height: 47px;
    position: relative;
}

#menuLogged input[type="checkbox"].switch_3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: 0;
    z-index: 1;
}

#menuLogged svg.checkbox .outer-ring {
    stroke-dasharray: 375;
    stroke-dashoffset: 375;
    -webkit-animation: resetRing .35s ease-in-out forwards;
    animation: resetRing .35s ease-in-out forwards;
}

#menuLogged input[type="checkbox"].switch_3:checked+svg.checkbox .outer-ring {
    -webkit-animation: animateRing .35s ease-in-out forwards;
    animation: animateRing .35s ease-in-out forwards;
}

#menuLogged input[type="checkbox"].switch_3:checked+svg.checkbox .is_checked {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
}

#menuLogged input[type="checkbox"].switch_3:checked+svg.checkbox .is_unchecked {
    opacity: 0;
    -webkit-transform: translateX(-200%) rotate(180deg);
    transform: translateX(-200%) rotate(180deg);
}


#menuLogged svg.checkbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    border: 0px !important;
}

#menuLogged svg.checkbox .is_checked {
    opacity: 0;
    fill: yellow;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(200%) rotate(45deg);
    transform: translateX(200%) rotate(45deg);
    -webkit-transition: all .35s;
    transition: all .35s;
}

#menuLogged svg.checkbox .is_unchecked {
    opacity: 1;
    fill: #fff;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-transition: all .35s;
    transition: all .35s;
}

@-webkit-keyframes animateRing {
    to {
        stroke-dashoffset: 0;
        stroke: #b0aa28;
    }
}

@keyframes animateRing {
    to {
        stroke-dashoffset: 0;
        stroke: #b0aa28;
    }
}

@-webkit-keyframes resetRing {
    to {
        stroke-dashoffset: 0;
        stroke: #233043;
    }
}

@keyframes resetRing {
    to {
        stroke-dashoffset: 0;
        stroke: #233043;
    }
}

/* END CSS HEADER */

/* CSS Betagioco footer.html.twig */

.footer-logos div {
    font-size: 9px;
    text-align: left;
    display: inline-block;
    line-height: 12px;
    max-width: 400px;
    /* padding-top: 5px; */
    /* float: left; */
}

.footer-logos a {
    text-decoration: underline !important;
    color: white;
    /* float: left; */
    /* clear: both; */
    /* display: block; */
    width: 100%;
}

.footer-logos {
    line-height: 4;
    display: block;
}


.footer-logos .logo1 {
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 5px;
    line-height: 80px;
    margin-top: 6px;
}

.footer-logos .logo2 {
    width: 127px;
    height: 29px;
    margin-left: 20px;
    margin-top: 2px;
}

.footer-logos .logo3 {
    width: 52px;
    height: 35px;
    margin-left: 20px;
}

.footer-logos .logo4 {
    width: 100px;
    height: 35px;
    margin-top: 0px;
    margin-left: 20px;
}

.footerHight a:hover {
    text-transform: none;
    text-decoration: underline;
    color: white;
}

.footer-text {
    margin: 0 auto;
    margin-top: 10px;
    font-size: 12px;
    max-width: 56%;
    text-align: left !important;
}

@media only screen and (max-width: 1400px) {
    .footer-text {
        max-width: 80%;
    }
}

@media only screen and (max-width: 1050px) {
    .footer-text {
        max-width: 95%;
    }
}

.accept-cookies {
    background: #1fbf1f !important;
    color: white !important;
    border: 0 !important;
}

#cookiesModal .modal-content {
    background: black;
    color: white;
    border-radius: 5px;
    border: 1px solid white;
}

.cookies-info-link,
.cookies-info-link:hover {
    text-transform: none;
    color: rgb(255, 171, 64);
}

#forgot-password-modal .modal-header {
    border-bottom: none !important;
    background: var(--newTemBackground);
    color: #fff;
    font-size: 11px !important;
    padding: 10px;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.modal-header {
    border-bottom: #0c0c0c !important;
}

#forgot-password-modal .modal-title {
    text-align: center;
    margin: 0px;
    font-weight: 400;
    color: #fff;
    font-size: 15px !important;
    padding-left: 15px;
}

#forgot-password-modal .modal-content {
    border: 0 !important;
    background-color: transparent;
    border-radius: 0 0 4px 3px;
}

#forgot-password-modal .accept-password-recovery {
    margin: 0px !important;
    border: none;
    width: 90%;
    padding: 9px 0;
    display: block;
    background: var(--lig);
    color: var(--messages-bg-color-1);
    border-radius: 12px;
}

#forgot-password-modal .modal-body {
    border-radius: 0px;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--black);
    background: var(--newTemBackground);
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#forgot-password-modal .modal-body p {
    min-width: 100%;
}

#forgot-password-modal input {
    width: 90%;
    padding: 7px;
    background: #fff;
    border: none;
    border-radius: 4px;
}

#forgot-password-modal img {
    background: var(--skin-bg-color) !important;
    height: 30px;
    margin-right: 5px;
    display: none;
}

.footerLineTitle {
    text-align: left;
    font: normal normal 600 16px/12px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.topNewFooter li:not(.lslide) {
    list-style: none;
    margin-top: -6px;
}

.topNewFooter #transferSlider li.item-a {
    list-style: none;
    margin-top: 27px;
    display: inline;
    width: auto;
    position: relative;
    top: 6px;
}

.topNewFooter li a {
    color: #fff;
    cursor: pointer;
    text-decoration: none !important;
    font-size: 12px;
}

.topNewFooter li a:hover {
    color: var(--lig);
}

.poster img:hover {
    transform: scale(1.05);
    transition: 0.4s all ease-out;
    border-radius: 12px;
}

.bg-dark2 .container2 {
    padding-top: 15px;
    padding-bottom: 0;
}

.bg-dark2 {
    background-color: transparent!important;
}

/* END CSS FOOTER */
.header-items {
    background: var(--newTemBackground);
    display: flex;
    grid-gap: 0px;
}


.header-items .label {
    border: 1px solid #3E4357;
    background: #2A2A3B 0% 0% no-repeat padding-box;
    display: flex;
    height: 33px;
    border-radius: 100px;
    width: 58px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 10px;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.header-items .label .fa-moon {
    color: rgb(250, 250, 250);
}

.header-items label .fa-sun {
    color: rgb(241 238 231);
}

.header-items .blob {
    position: absolute;
    left: 50%;
    width: 44%;
    height: 90%;
    background: rgb(45 50 50);
    border-radius: 50px;
    transition: .5s ease all;
}

/*.header-items .checkbox {
    opacity: 1;
    position: absolute;
}*/

.header-items .info.night {
    color: white;
}

.header-items .checkbox:checked+.label .blob {
    left: 0;
}

.header-items .checkbox:checked+.label {
    background-color: #202020;
}

.header-items .item {
    padding: 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-items .item .item-icon {
    position: relative;
    width: 39px;
    height: 39px;
    box-sizing: border-box;
    border-radius: 25px;
    padding: 0px;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    right: unset !important;
}

.header-items .item-icon .fa {
    line-height: 3;
    box-sizing: border-box;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
}

.header-items .item-icon .fa {
    border: 0px;
    background: var(--baseBackground2);
    color: white;
}

.header-items .item-icon-moon {
    padding-top: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-items .promotion {
    background: var(--newTemSecondBackground);
    width: 133px;
    height: 39px;
    opacity: 1;
    border-radius: 19px !important;
    color: #f7f7f9;
    font-weight: normal !important;
    border: 0px !important;
    font-size: 13px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 5px;
    display: none;
}

.header-items .item .item-icon.searchbar {
    display: none;
}

.header-items .promotion .fa {
    position: relative;
}

/** Modal login */
.modal-login {
    width: 320px;
    margin: 30px auto;
}

.modal-login .modal-content {
    border-radius: 1px;
    border: none;
}

.modal-login .modal-header {
    padding: 0;
    position: relative;
    justify-content: center;
}

.modal-login .modal-body {
    padding: 16px;
}

.modal-login .modal-footer {
    position: relative;
    background-color: #000 !important;
}

.modal-login h4 {
    color: white;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.modal-login label {
    font-weight: normal;
    font-size: 13px;
}

.modal-login .form-control,
.modal-login .btn {
    width: 100%;
    min-height: 38px;
    border-radius: 2px;
}

.modal-login .hint-text {
    text-align: center;
}

.modal-login .close {
    color: white;
    position: absolute;
    top: 15px;
    right: 15px;
}

.modal-login .checkbox-inline {
    margin-top: 12px;
}

.modal-login input[type="checkbox"] {
    margin-top: 2px;
}

.modal-login .btn {
    min-width: 100px;
    background: #3498db;
    border: none;
    line-height: normal;
}

.modal-login .btn:hover,
.modal-login .btn:focus {
    background: #248bd0;
}

.modal-login .hint-text a {
    color: #999;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.modal-content.header-login {
    border-radius: 20px;
    top: 127px !important;
}

input.btn.btn-primary.pull-right {
    border-radius: 5px;
    width: 100%;
}

.modal-footer {
    border-radius: 20px;
    justify-content: center !important;
    border-top: 2px solid #0a0a0a;
}

.signin-form {
    color: white !important;
}

.signin-form a {
    color: var(--lig);
    background: transparent;
    text-transform: capitalize;
    font-weight: 500;
}

.signin-form p {
    text-transform: capitalize;
    font-weight: 500;
}

input.btn.btn-primary.pull-right {
    background-color: #1C59DC;
}

.modal-footer-login {
    padding: 10px;
    text-align: center;
    border: 0px !important;
    background: transparent;
}

.modal-backdrop {
    z-index: 188 !important;
}

.show-credit-wrapper #moveMe {
    border-radius: 50px !important;
    color: #ffffff;
    /*padding: 4px 70px 3px 8px !important;*/
    background: var(--baseBackground2);
    min-height: 40px !important;
    max-height: 100%;
}

.upIconUsr.gns-log-in {
    background-color: #818181 !important;
    border-radius: 23px !important;
    position: relative;
    color: #fff !important;
    padding: 5px !important;
}

.row.w-100.headerInlineBlock {
    min-height: 81px;
    max-height: 81px;
    padding: 0px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.align-center {
    left: 250px !important;
    text-align: justify !important;
}

#navigationContainer {
    background: var(--newTemBackground);
}

#player_fast_access_menu_container {
    background: #2A2A3B 0% 0% no-repeat padding-box !important;
}

span.fast_menu_btn {
    min-height: 33px;
    padding: 0.25rem 1.5rem !important;
    clear: both;
    text-align: inherit;
    background-color: transparent;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 155px;
    vertical-align: middle;
    overflow: hidden;
    text-transform: capitalize;
    padding-top: 6px !important;
}

span.fast_menu_btn:hover {
    color: #fff !important;
}

#fast_access_menu {
    /*display:none;*/
}

a.btn.btn-orange.my-2.my-sm-0.loginButton {
    background: var(--lightBackgroundSfumato);
    border: 0px solid transparent !important;
    border-radius: 12px !important;
    color: var(--lightMain) !important;
    min-height: 50px;
    min-width: 145px;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.registerButton.btn {
    border: 0px !important;
    background: var(--lig);
    font-weight: 500 !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    min-width: 145px;
    color: var(--messages-bg-color-1) !important;
}

button.btn.btn-orange.my-2.my-sm-0.loginButton:hover {
    background: transparent;
}

.registerButton.btn:hover {
    /*background: #1E5FE8 0% 0% no-repeat padding-box;*/
}

.navbar-brand #logo {
    margin: 0px !important;
    margin-top: 0px !important;
}

button.btn.btn-primary.pull-right {
    background-color: var(--newColorBackgroundTemp);
    color: var(--messages-bg-color-1) !important;
    border-radius: 12px;
}

.autoex-days-container {
    grid-gap: 10px;
}

.autoex-days-container input[type=radio]+label {
    background: var(--newColorBackgroundTemp);
    color: #000;
    border-radius: 100px;
    padding: 6px;
    display: flex;
    flex-direction: row;
    min-width: 83px;
    justify-content: center;
    align-items: center;
}

/** Footer */

.paymentMethodsContent a {
    min-height: 50px;
    min-width: 141px;
    max-width: 141px;
    max-height: 50px;
    background: transparent;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newPayMethod {
    min-width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paymentMethodsContent img {
    margin: 0px;
    max-width: 80px;
}

.paymentMethodsContent {
    background: #0b0b0b;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 68px;
    padding: 10px;
    padding-top: 60px;
    padding-bottom: 40px;

}

.bg-dark2 {
    background: #000;
    opacity: 1;
}

.smallContent {
    max-width: 73% !important;

}

.bigCtn.w-100 {
    position: relative;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden;
}

div#bannerContainer {
    margin-bottom: 35px;
}

.banner_filter {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 93px;
    border-radius: 37px;
    background: #000;
    opacity: 0.7;
    background: rgb(2, 0, 36);
    background: linear-gradient(280deg, rgba(2, 0, 36, 0) 0%, rgba(0, 0, 0, 0.6740897042410714) 56%, rgba(0, 0, 0, 0.7469188358937324) 100%);
}


.carousel-inner {
    height: 100% !important;
    padding: 0px;
    border-radius: 12px !important;
    margin: 0px;
    display: flex;
    align-items: center;
    min-height: 100%;
    justify-content: center;
    min-height: 100%;
    max-height: 100%;
}

.newCarousellContent {
    padding: 0px 0px 0px 100px !important;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8323704481792717) 0%, rgba(0, 0, 0, 0.14329481792717091) 45%, rgba(0, 0, 0, 0) 100%);
    grid-gap: 20px;
    min-width: 100% !important;
    min-height: 100%;
    left: 0;
}

h5.newCarousellContentTitle {
    font-size: 38px;
    color: #fff;
    font-weight: 600 !important;
    padding: 0px !important;
    margin: 0px !important;
}

span.newCarousellDescription {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    max-width: 700px;
}

button.btn.mynewCarousellButton {
    border: 0px !important;
    background: var(--newColorBackgroundTemp);
    font-weight: 600 !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    color: #000;
    min-height: 46px;
    min-width: 164px;
}

.games {
    padding: 0px;
    min-width: 51%;
    display: flex;
    flex-direction: column;
}

.title-card {
    margin: 0px 0px 15px 0px !important;
}

.product {
    justify-content: flex-start !important;
    display: flex !important;
    overflow-x: scroll;
    flex-wrap: unset !important;
    grid-gap: 16px;
    padding-left: 0px;
    padding-right: 16px;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.product::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.product .card {
    border: 0 solid;
    min-width: 325px;
    padding: 0px !important;
    margin: 0px !important;
    min-height: 102px;
    background: transparent;
}

.product .card-items {
    width: 100%;
    height: 102px;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    display: flex;
    background: var(--newTemSecondBackground);
    border-radius: 12px;
    opacity: 1;
    position: relative;
    min-height: 100%;
    overflow: hidden;
}


.image-items {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    min-width: 95px;
    max-width: 95px;
    min-height: 102px;
    max-height: 102px;
}

.image-items img {
    padding: 0px !important;
    max-width: 160%;
}

.categ-items .newServiziTitle {
    font-size: 18px;
    text-transform: capitalize;
    color: var(--fontSfullDark);
    font-weight: 600;
}

.categ-items .newServiziDescp {
    font-size: 14px;
    font-weight: 500;
    color: var(--fontShadeDark);
}

.categ-items {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    padding-left: 10px;
}

.categ-items h5 {
    top: 680px;
    left: 705px;
    height: 25px;
    text-align: left;
    font: normal normal 600 18px/23px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0px;
    opacity: 1;
    padding: 0px;
}

.categ-items span {
    font-size: 14px;
    width: 100% !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    color: var(--fontShadeDark) !important;
}

.product a:hover {
    text-decoration: none;
}

.bigCtn.w-100 {
    position: relative;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin: 0px !important;
    flex-wrap: wrap;
}

.title-card-games {
    margin: 0px !important;
    display: flex;
    height: 33px;
    text-align: left;
    font: normal normal 600 24px/35px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    justify-content: space-between;
    max-width: 100%;
    max-width: 100% !important;
}

#topGamesContainer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 100% !important;
    flex-wrap: nowrap !important;
    grid-gap: 15px !important;
    margin-top: 10px !important;
    overflow-x: scroll;
    width: 1000px;
    overflow-y: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

a.w3-right.w3-btn {
    background: var(--fast-link-color);
    font-size: 13px;
    text-align: center;
    border-radius: 50px;
    color: white;
    width: 36px;
    height: 36px;
    opacity: 1;
    text-decoration: auto;
    border: 1px solid #3E4657;
}

#topGamesContainer::-webkit-scrollbar {
    display: none !important;
}

.trend-game {
    margin: 0px;
    padding: 0px;
    background: radial-gradient(#00000075, transparent);
    border-radius: 12px !important;
    position: relative;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.trend-game img {
    background: transparent linear-gradient(180deg, #222434 0%, #23252F 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
    object-fit: cover;
    height: 336px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 336px;
    width: 252px;
}

.trend-game .text {
    font-size: 11px;
    display: flex !important;
    flex-direction: column;
    position: absolute;
    bottom: -43px;
}

.carousel-indicators li {
    background-color: var(--disableElementColor) !important;
}

.carousel-indicators .active {
    background-color: var(--newColorBackgroundTemp) !important;
}

.indicator0 {
    width: 15px;
    height: 2px;
    background-color: grey;
    display: inline-block;
}

.indicator0.active {
    background-color: white;
}

ol.carousel-indicators {
    bottom: -30px;
}

.bigCtn.games button.btn-all {
    font-size: 12px;
    font-weight: 500;
    min-height: 42px;
    min-width: 120px;
}

span.newGamesHomeTitle {
    font-size: 13px;
    font-weight: 500;
    color: var(--fontSfullDark);
    width: 110px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

span.newGamesHomeDescription {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 5px;
}

.trend-game a {
    margin: 0px;
    border-radius: 12px;
    overflow: hidden;
    min-width: 100%;
    z-index: 1;
}

.title-cardt {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.title-card {
    font-size: 24px !important;
    font-weight: 600 !important;
}

a.w3-left.w3-btn:hover,
.btn-all:hover {
    background: var(--lig);
    color: var(--messages-bg-color-1) !important;
}

/* NEW MEDIA QUERY MOBILE CSS */

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
    .trend-game img {
        min-width: 228px !important;
        max-width: 228px !important;
    }
}


/* END NEW MEDIA QUERY MOBILE CSS */
.nav-item.me-3.me-lg-1 {
    /* border: 4px solid #E5E5E5; */
    /* background-color: blue; */
}

.nav-item.me-3.me-lg-1.item-plus {
    justify-content: stretch;
    background-color: transparent !important;
    background: transparent linear-gradient(180deg, #184DC1 0%, #153376 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 31px;
    height: 30px;
    width: 30px;
}

i.fa.fa-plus {
    padding: 0;
    position: fixed;
    color: white;
    font-size: 14px;
    /* background-color: blue; */
    margin: 2px;
}

/* New Register Template CSS */

.complete-registration-button,
.complete-full-registration-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

div#fiscalcode_reverse_modal .modal-dialog.modal-xl {
    top: 120px;
}

#fiscalcode_reverse_modal .modal-body {
    width: 100% !important;
    background: var(--newTemSecondBackground);
}

button#confirm_fiscalcode {
    background: var(--newColorBackgroundTemp);
    color: var(--lightMain) !important;
    border: 0px !important;
}

/* END New Register Template CSS */

/* New RegisterModal CSS */
.registerOpenNoScroll {
    overflow: hidden !important;
}

.newModalRegister {
    z-index: 9999;
    position: fixed;
    min-width: 100vw;
    min-height: 100vh;
    background: #00000069;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

.newTermsBox {
    background: var(--newTemBackgroundSfumato);
    border-radius: 12px;
    padding: 10px;
    min-width: 100%;
}

.newTermsBox a.newRegisterOpenTermsAndConditions {
    position: absolute;
    right: 23px;
    background: var(--newTemBackground);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 100px;
}

/*.is-flex.vertical-align-center.radio-buttons-container {
    display: none!important;
}*/

.newRegisterContainer {
    min-width: 665px;
    min-height: auto;
    max-height: 774px;
    max-width: 665px;
    background: var(--lightBackgroundSfumato);
    border-radius: 12px;
    position: relative;
}

.closeNewRegisterModal {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff !important;
    min-height: 29px;
    min-width: 29px;
    max-height: 29px;
    max-width: 29px;
    background: #2B3144 0% 0% no-repeat padding-box !important;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
}

#complete-form .step-form::-webkit-scrollbar-track {
    background: transparent !important;
}

#complete-form .step-form::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#complete-form .step-form::-webkit-scrollbar-thumb {
    background: var(--newBorderColor);
    border: 3px solid #252633;
    border-radius: 12px;
}

#loginForm a.registerButton {
    border: 0px !important;
}

.doubleNewRegisterLine {
    max-width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-width: 50%;
    flex-direction: column;
}

div#city_of_birth {
    min-width: 100%;
}

.newRegisterContainer .fa-angle-down {
    top: 13px;
}

.newRegisterContainer #nationality {
    min-width: 97%;
}

.newRegisterContainer div#city {
    min-width: 100%;
}

.newRegisterContainer input#street:focus {
    margin: 0px;
}

.newRegisterContainer input#street {
    min-width: 97%;
    max-width: 97%;
}

.newRegisterContainer input#zip_code:focus {
    margin: 0px;
}

.newRegisterContainer input#fiscal_code:focus {
    margin: 0px;
}

.newRegisterContainer input#document_number {
    max-width: 97%;
    min-width: 97%;
}

.newRegisterContainer input#document_number:focus {
    margin: 0px;
}

.newRegisterContainer input#issue:focus {
    margin: 0px;
}

.newRegisterContainer .release-date_new .birthdate-field {
    width: 86px !important;
}

.newRegisterContainer .release-date_new .birthdate-field.last {
    width: 87px !important;
}

.newRegisterContainer .expire-date_new .birthdate-field {
    width: 86px !important;
}

.newRegisterContainer .expire-date_new .birthdate-field.last {
    width: 95px !important;
    margin-right: 0px !important;
}

.newRegisterContainer .newToimplementStep2_checks p {
    color: var(--fontShadeDark);
    font-size: 11px;
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 8px;
    margin: 0px !important;
    padding: 0px !important;
}

.newRegisterContainer .newToimplementStep2_checks p input[type="checkbox"] {
    position: unset !important;
    max-width: 13px;
}

.newRegisterContainer .newToimplementStep2_checks p a {
    color: var(--primaryLight);
    text-decoration: none;
    font-weight: 600;
}

.newRegisterContainer .password-container {
    min-width: 100%;
}

.newRegisterContainer input#password2 {
    min-width: 97% !important;
    max-width: 97%;
}

.special_password_field .show-password {
    right: 18px !important;
}

.newRegisterContainer input#email2 {
    max-width: 97%;
}

.chosen-container-single .chosen-single span,
.register-container .forms input,
.register-container .forms select,
.select-v1 .selection-name {
    background-color: var(--newTemSecondBackground);
}

.chosen-container-single .chosen-single span,
.register-container .forms input,
.register-container .forms select,
.select-v1 .selection-name {
    background-color: var(--newTemSecondBackground);
}

.complete-form-title .user-address.active {
    background: var(--newColorBackgroundTemp) !important;
    color: var(--lightMain) !important;
}

.next-step-button {
    background: var(--newColorBackgroundTemp);
    color: #000;
}

.register-container h3 {
    color: #fff;
}

.newRegisterContainer select#affiliate {
    max-width: 97%;
}

select#new_Field_TobeProcessed {
    max-width: 97%;
}

.newRegisterContainer input:focus {
    margin: 0px !important;
}

.new_lastStepTitle {
    font-size: 28px;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    color: #fff;
}

.new_lastsubtitleTitle {
    width: 100%;
    text-align: left;
    color: white;
    font-size: 28px;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    margin-bottom: 10px;
}

.new_lastsubsubTitle {
    color: var(--fontShadeDark);
    font-size: 14px;
    text-align: left;
}

#step5 .custom-file-label::after {
    display: none;
}

.title_new_step {
    margin-bottom: 10px;
    margin-top: 10px;
}

.newUploadFilesBox {
    position: relative;
    min-width: 550px;
    max-width: 550px;
    background: transparent;
    border: 2px dashed grey;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

/*input#new_Upload_user_documents {
    min-height: 100%;
    min-width: 100%;
}*/

.register-container .forms .newUploadFilesBox label {
    width: 100%;
    text-align: left;
    color: var(--fontShadeDark);
    font-weight: 500;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    min-height: 100%;
    background: transparent;
    border: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

img.new_upload_icon {
    max-width: 30px;
    max-height: 30px;
    min-width: 30px;
    min-height: 30px;
    color: #fff;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    opacity: 0.7;
}

.new_upload_content_items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}

.newRegisterContainer .complete-registration-button,
.newRegisterContainer .complete-full-registration-button {
    color: var(--lightMain);
    cursor: pointer;
    padding: 12px;
    margin: 0px;
    border: 0px !important;
    background: var(--newColorBackgroundTemp);
    font-weight: 400 !important;
    font-size: 14px !important;
    border-radius: 12px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newRegisterContainer .previous-step-button {
    color: #fff;
    cursor: pointer;
    padding: 0px;
    border-radius: 12px;
    margin: 0px;
    width: 129px;
    min-width: 129px;
    max-width: 129px;
    margin-right: 0px;
    display: flex;
    justify-content: center;
    max-height: 50px;
    min-height: 50px;
    align-items: center;
    background: transparent;
    border: 1px solid var(--fontShadeDark);
    font-weight: 400 !important;
    font-size: 14px;
}

#step1 input,
#step1 select {
    background: var(--newTemSecondBackground);
}

span.clearDocButtons {
    position: absolute;
    color: red;
    font-size: 14px;
    font-weight: bold;
    z-index: 999999;
    cursor: pointer;
    line-height: 1;
    min-height: 29px;
    min-width: 29px;
    max-height: 29px;
    max-width: 29px;
    background: #2B3144 0% 0% no-repeat padding-box !important;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
    right: 10px;
}

input#new_Upload_user_documents {
    z-index: 0;
    position: absolute;
    display: flex;
    opacity: 0;
}

input#new_Upload_user_documents2 {
    z-index: 0;
    position: absolute;
    display: flex;
    opacity: 0;
}

/* END New RegisterModal CSS */

/* New User Profile CSS */

.user-details-form .select-v1 .selection-name {
    background: transparent !important;
    border: 0px !important;
    padding-left: 0px !important;
    font-size: 20px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0 !important;
}

.user-details-form .form-control,
.user-details-form .form-control:focus {
    background: #2A2A3B !important;
    border: 0px !important;
    color: #fff;
    padding-left: 0px !important;
    margin: 0px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    padding-left: 5px !important;
    font-size: 12px !important;
}

#insertProfilePage .user-details-form .section-info select,
#myTabContent .user-details-form .section-info select {
    background: var(--newTemSecondBackground) !important;
}

.user-details-form label {
    color: #fff;
    font-size: 12px !important;
    margin: 0px !important;
    padding-left: 5px;
}

.user-details-form .form-control:disabled,
.user-details-form .form-control[readonly] {
    font-size: 20px !important;
}

.user-details-form .col-12.col-md-4 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
}

.user-details-form .col-6.col-md-4 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
}

.user-details-form .custom-radio-button {
    margin-bottom: 0px;
}

.user-edit-twig .date-birth-input {
    margin: 0px !important;
}

.no-padding>.table-bordered,
.no-padding>.table-responsive>.table-bordered {
    border: 1px solid #282828 !important;
}

/* END New User Profile CSS */

/* New Carousel CSS */
.carousel-control-prev {
    left: -265px !important;
}

.carousel-control-next {
    right: -265px !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    border-radius: 10px;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    opacity: 0.5;
}

carousel-control-prev {
    left: -250px !important;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: flex !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-item {
    min-height: 464px;
    max-height: 464px;
}

newCarousellContent {
    min-height: 431px !important;
    max-height: 431px !important;
    max-width: 1360px !important;
    min-width: 1360px !important;
    position: absolute !important;
}

.carousel-control-next {
    right: -14vw !important;
}

.carousel-control-prev {
    left: -14vw !important;
}

.carousel-control-prev-icon {
    width: 100px;
    height: 250px;
}

.carousel-control-next-icon {
    width: 100px;
    height: 250px;
}

div#carouselExampleFade {
    margin-bottom: 40px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.w-100 {
    width: 1360px !important;
}

/* END New Carousel CSS */


/* New Light Mode CSS*/

.lightModeBackground {
    background: var(--lightMain) !important;
}

.lightModeText {
    color: var(--shade2Dark) !important;
}

.lightModeTextButtons {
    color: var(--lightMain) !important;
}

.lightModeButtons {
    border: 0px !important;
    background: var(--accentLight) !important;
}

.lightModeSpecialBackgroundButton {
    border: 0px !important;
    background: var(--shade1Light) !important;
}

.lightSpecialWithoutBackground {
    background: transparent !important;
}

.lightModeSecoundary {
    background: var(--shade2Light) !important;
}

.lightModeGradiendBack {
    background: rgb(255 255 255) !important;
    background: linear-gradient(90deg, rgb(255 255 255 / 70%) 0%, rgb(255 255 255 / 0%) 59%, rgb(255 255 255 / 0%) 100%) !important;
}

.lightModeSpecialIconImg {
    filter: invert(1) !important;
}

.lightModeSpecialIconImgReverse {
    filter: unset !important;
}

.lightModeGradiendBack2 {
    background: rgb(255 255 255) !important;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 97%) 72%, rgba(37, 38, 51, 0) 100%) !important;
}

.lightModeBackgroundColorSecoundary {
    background-color: var(--shade2Light) !important;
}

.lightModeBackgroundSfumato {
    background: var(--lightBackgroundSfumato) !important;
}

.lightModeNewGradientGames {
    background: var(--shade2Light) !important;
    background: linear-gradient(0deg, var(--shade2Light) 75%, var(--shade2Light) 82%, rgba(37, 38, 51, 0) 100%) !important;
}

div#casinoGames .btn-nav {
    background-color: var(--baseDark);
}

.actualpage_casino .searchGameInput,
.actualpage_casino_live .searchGameInput,
.actualpage_virtual .searchGameInput {
    background: var(--blackx) !important;
}

button.btn-alphabet-dsc,
button.btn-alphabet-asc {
    background: var(--blackx) !important;
}

/* END New Light Mode CSS*/

@media only screen and (min-width: 800px) {
    .errorpagediv {
        margin: 0 !important;
        width: 50% !important;
        height: 50% !important;
    }


}

/* New Home */
#bodyContainer {
    padding: 0;
}

.trendG #topGamesContainer {
    overflow-x: scroll;
    width: 1000px;
}

.overlay-smallContent {
    position: relative;
    z-index: 999;
    background: var(--blackx);
    background: rgb(42, 42, 59);
    background: linear-gradient(180deg, rgba(42, 42, 59, 0) 4%, rgba(42, 42, 59, 0.7609244381346288) 18%, rgba(42, 42, 59, 0.9149860627844888) 81%);
    padding-bottom: 80px;
    padding-top: 15px;
    top: -108px;
    background: var(--newTemBackground);
}

.btn-all {
    font-size: 13px !important;
    font-weight: 500;
    min-height: 42px;
    min-width: 120px;
}

.swiper-pagination-bullet {
    border-radius: 2px !important;
    width: 36px !important;
    height: 4px !important;
    position: relative;
    top: -5px;
}

.swiper-pagination {
    top: 74.5%;
}

.swiper {
    width: 100%;
    height: 390px;
    overflow: visible !important;
    background: transparent;
    margin-top: 0px;
    border-radius: 12px;
    top: 0px !important;
}

.registerSection {
    margin-top: 30px;
}

.swiper-wrapper {
    background: transparent;
}

.swiper-slide {}

.swiper-pagination {
    top: 116.5% !important;
}

.registerSection {
    display: none !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: transparent !important;
}

.section-title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}

.slide-title {
    font-size: 30px;
    font-weight: 600 !important;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left;
}

.slide-title-wrapper {
    display: flex;
    position: relative;
    color: #fff;
    flex-direction: column;
    padding: 0 20px;
    align-items: flex-start;
    width: 90%;
    height: 60%;
    justify-content: center;
    top: 60px;
    z-index: 2;
    position: absolute;
    min-height: 100%;
}

.slide-desc {
    display: flex;
    width: 60%;
    justify-content: flex-start;
    padding: 0 !important;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.show-more-btn {
    border: 0px !important;
    background: var(--lig);
    font-weight: 600 !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    color: var(--messages-bg-color-1);
    min-height: 46px;
    min-width: 164px;
    margin-top: 0px;
}


#carouselExampleIndicators .carousel-inner {
    width: 100% !important;
    min-height: 170px !important;
}


.registerSec2 {
    position: relative;
    top: 0px;
    z-index: 9999;
    height: 137px;
    width: 985px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 30px;
    background: var(--lightBackgroundSfumato);
    border-radius: 12px;
    box-shadow: 12px 1.2rem 2rem -30px var(--newTemSecondBackground);
    margin-top: 30px;
}

.regTitle {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.regBtn {
    width: 219px;
    height: 63px;
    border: 0;
    border-radius: 12px;
    opacity: 1;
    background: var(--lig);
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.regDesc {
    font-size: 16px;
    color: #fff;
    opacity: 0.8;
    line-height: 25px;
}

.regLeft {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

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

.swiper-pagination-bullet {
    background: var(--lig);
}

/* End Carousel Style */

/* Promotions Style */
.promozioni {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1000;
}

.section-title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}

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

.flix-right {
    display: flex;
    gap: 10px;
    color: #fff;
}

.show-all {
    font-size: 10px;
    height: 40px;
    border: 1px solid #3E4657;
    border-radius: 12px;
    background: transparent;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flix-arrow-right span,
.flix-arrow-left span {
    display: flex;
    height: 40px;
    align-items: center;
    border: 1px solid;
    width: 40px;
    border-radius: 50%;
    justify-content: center;
    border: 1px solid #3E4657;
}

.flex-wrapper {
    width: 100%;
}

.show-all:hover {
    transition: 0.4s all ease-out;
    background: #1e5fe8;
}

.flix-scroll {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.poster {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: calc(25% - 10px);
    overflow: hidden;
    border-radius: 12px;
}

.poster img {
    display: flex;
    flex: 1;
    border-radius: 10px;
    max-height: 158px;
}

.flix-card-title {
    display: flex;
    color: #fff;
    font-size: 16px;
    margin: 3px 0;
    margin-top: 3px;
    font-weight: 600;
    margin-top: 0 !important;
    padding: 0 5px;
    text-transform: capitalize;
    font-size: 16px;
}

.trend-img-wrap {
    overflow: hidden;

}

.flix-card-desc {
    color: #c6c6c6;
    padding: 0 5px;
    font-weight: 300;
    font-size: 14px;
}

.calendar-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}

.calendar-left {
    display: flex;
    gap: 10px;
    height: 30px;
    align-items: center;
    color: #6e717b;
    white-space: nowrap;
    font-size: 10px;
}


.calendar-right {
    display: flex;
    align-items: center;
    /* padding-right: 5px; */
    color: #6e717b;
    border: 1px solid #6e717b;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 11px;
}

.trend-game {
    display: flex;
    justify-content: center;
}

.poster img {
    display: flex;
    flex: 1;
    border-radius: 10px;
}

.promozioni .w3-btn {
    font-size: 9px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    position: relative;
    font-weight: 600;
}

/* End Promotions Style */

/* Start Products Style */
.products_body {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.product_card {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-end;
    color: #fff;
    margin-top: 10px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 205px;
}

.product_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;

}

/** End Products Style /

/* Hover effects */
.hover_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    background: #0000008c !important;
    z-index: 2;
    justify-content: space-between;
    top: -100% !important;
    overflow: hidden;
    transition: 0.5s all ease-out;
}

.hover_cover_actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hover_cover_actions div span {
    color: #fff;
    padding: 10px;
    font-size: 25px;
}

.hover_cover_bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding-bottom: 40px;
}

.hover_cover_bottom button {
    width: 112px;
    margin: auto;
    height: 45px;
    border-radius: 12px;
    background: var(--lig);
    border: 0;
}

.active_hover {
    top: 0% !important;
}

.show_btn {
    display: block !important;
}

.play_fun {
    background: transparent !Important;
    color: #fff !important;
}

.netflix-effect {
    transform: translateY(-200px);
    background: #000;
    transition: 0.7s all ease-out;
    position: relative;
    z-index: 9999;

}

.poster {
    transition: 0.7s all ease-out;
    overflow: hidden;
}

/* End New Home */


.tile {
    margin: 5px;
    displat: flex;
    flex: 1;
    height: 200px;
    background-color: #9d0208;
    color: white;
    font-size: 20px;
    transition: transform 500ms, opacity 500ms;
    transform-origin: 50% 50%;
    position: relative;
    z-index: 3;
    width: 285px;
}

.overlay {
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 500ms;
    position: absolute;
    top: 0;
    color: white;
}

svg:not(#xsport-container svg) {
    width: 25%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tile:hover {
    transform: scale(1.4);
}

.tile:hover .overlay {
    opacity: 1;
}

.shiftLeft {
    transform: translateX(-20px);
}

.shiftRight {
    transform: translateX(20px);
}

.rtp {
    font-size: 10px;
    font-weight: 600;
    border: 1px solid #fff;
    padding: 1px 5px;
}

.darker {
    opacity: 0.5;
}

.row.row-netflix {
    margin-top: 15px;
    position: relative;
    flex-wrap: nowrap;
    /*! overflow: hidden; */
    /*! overflow-x: scroll; */
    margin-top: 15px;
    padding: 0 55px;
    /*! width: 2000px; */
    overflow: scroll;
    height: 300px;
    display: flex;
    align-items: center;
    margin-top: -30px;
}

.promo_inside_img {
    width: 100%;
    border: 1px solid #636363;
    border-bottom: 0 !important;
}

.prm {
    /*! flex: 1; */
    background: #000;
    width: 300px;
}

.prm_title {
    font-size: 14px;
    font-weight: 600;
    height: 23px;
    display: flex;
    align-items: center;

}

.prm_desc {
    font-size: 12px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: #c6c6c6;
    padding: 0;
    margin-top: -3px;
}

.prm_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--lig);
    color: #000;
    padding: 0 15px;
    font-size: 10px;
    border-radius: 8px;
    font-weight: 600;
    margin-top: 5px;
}

.controller-left,
.controller-right {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 4;
    position: absolute;
    height: 100%;
}

.controller-left span,
.controller-right span {
    font-size: 30px;
}

.controller-left {
    left: 15px;
    /*! position: relative; */
}

.controller-right {
    right: 0;
    background: #000;
    width: 60px;
    display: flex;
    justify-content: center;
    top: 0;
}


.promo::-webkit-scrollbar {
    display: none;
}

.prm_wrap {
    position: relative;
}

.promo {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#menu .navbar-nav li:hover {
    border-bottom: 2px solid var(--lightMain) !important;
}

#menu .navbar-nav li {
    border-bottom: 2px solid transparent;
}


.show-credit-wrapper #moveMe #showCredit {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 100%;
}

span.credit_box {
    display: none;
}

#moveMe a.nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
    min-height: 30px;
    min-width: 30px;
}

.paymentMethodsContent {
    background: var(--newTemBackground);
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 68px;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.hideFooterHere div.bg-dark2 {
    background: var(--newTemBackground) !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--lightMain);
    background-color: transparent;
    border-color: transparent;
}

.logo-agency img {
    width: 75px !important;
    object-fit: fill;
}

.footer-powered-site {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* height: 130px; */
    background: var(--newTemBackground);
}

.footer-powered-site-top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.powered-text {
    font-size: 19px;
    letter-spacing: 0px;
}

.powered-text {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: unset;
}

.footer-powered-site-bottom {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

/*SLIDER*/


h4.modal-title {
    font-size: 20px !important;
    line-height: 32px !important;
    -moz-osx-font-smoothing: grayscale;
    margin: 24px 0 16px !important;
}

#loginForm .form-control {
    border: 1px solid !important;
}

.modal-login .close {
    font-size: 21px !important;
}

.modal-login .btn {
    padding: 5px 20px;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#forgot-password-modal .modal-content p {
    margin: 0 0 16px !important;
    font-size: 14px !important;
}

#forgot-password-modal .modal-content .btn {
    font-size: 14px !important;
    font-weight: 600 !important;
}

#forgot-password-modal input {
    padding: 9px !important;
}

#ticketsSection #tickets_tab .tab-pane .custom_style_details .dt-responsive tbody .row_red {
    background-color: #382728 !important;
}

#ticketsSection #tickets_tab .tab-pane .custom_style_details .dt-responsive tbody .row_green {
    background: #273428 !important;
}

.newUserInfoCard .row.section-info.p-2.myPersonnelInfo {
    background: var(--blackx) !important;
    border-radius: 12px;
    opacity: 1;
}

.myPersonnel-Info .passwordSection,
.myPersonnel-Info .autoesclusioneSection {
    background: var(--blackx) !important;
}

.newUserDocumentSBox a.pressDocumentChange {
    background: var(--lig) 0% 0% no-repeat padding-box !important;
    color: var(--messages-bg-color-1) !important;
}

div#main div.tab-content.optionMenu-content.no-admin div#entityCreditsSection section#widget-grid {
    background: var(--blackx) !important;
}

div#main div.tab-content.optionMenu-content.no-admin div#entityCreditsSection .jstree-table-cell-regular {
    background-color: var(--formInputBackgroundDark) !important;
}

div#main div.tab-content.optionMenu-content.no-admin div#entityCreditsSection .jstree-table-midwrapper {
    background: var(--formInputBackgroundDark) !important;
}

div#main div.tab-content.optionMenu-content.no-admin div#entityCreditsSection a.nav-link.active {
    color: var(--lig) !important;
}

div#main div.tab-content.optionMenu-content.no-admin div#entityCreditsSection table.centered.table.table-bordered.dt-responsive td {
    background: var(--formInputBackgroundDark) !important;
}

.reports-wrapper-outer .tab-content div.newLegendBox {
    background: var(--blackx) !important;
    border: 0px !important;
}

ul.newLegendUsersManagment {
    background: var(--blackx) !important;
}

div#caschiers .cashierContainer .cashierContainer-item .available-credit {
    background-color: var(--formInputBackgroundDark) !important;

}

.btn.add_note.bg-yellow.p-0.f11 {
    background: var(--newTemBackground) !important;
    color: var(--lightMain) !important;
}

div.makeTransaction #makeTransactionsForm fieldset div div div.row {
    background: var(--blackx) !important;
}

#ticketForm select#sportbetv {
    background-color: var(--newTemBackground) !important;
    color: var(--lightMain) !important;
    height: 27px !important;
    border: transparent;
    border-radius: 12px;
}

form#ticketForm .select2-container .select2-choice span.select2-arrow {
    background-color: var(--newTemBackground) !important;
    top: 0 !important;
}

.select2-container .select2-choice .select2-arrow {
    background-color: var(--newTemBackground) !important;
}

#new_documents_sec .select2-container .select2-choice .select2-arrow {
    background-color: var(--formInputBackgroundDark) !important;
    display: flex !important;
    align-items: center !important;
    height: 100%;
    top: 10px !important;
    bottom: 0 !important;
}

div.newGameExtraActions a.userCreditPlayNow {
    color: var(--messages-bg-color-1) !important;
}

div.newTabsInGame a.newTabToSelect.active {
    border-bottom: 2px solid var(--lig) !important;
}

div.newTabsInGame a.newTabToSelect:hover {
    border-bottom: 2px solid var(--lig) !important;
}

div.newGameExtraActions a.userGameFullScreen {
    background: var(--lig)!important;
    color: var(--messages-bg-color-1)!important;
}

div.newGameExtraActions a.userGametofavourite{
    background: var(--lig)!important;
    color: var(--messages-bg-color-1)!important;
}

div#myNewPorifle a#btnall{
    background: var(--newTemBackground)!important;
}

div#myNewPorifle button#btnall:hover{
    background: var(--lig)!important;
}

div.passwordChangeBtn, button.exclusionBtn , button.max_w_btn{
    background: var(--lig)!important;
    color: var(--messages-bg-color-1)!important;
}

#transactionsForm .datepicker_container .select2-container a.select2-choice {
    background: var(--newTemBackground)!important;
}

#new_documents_sec div.modal-footer {
    background: var(--newTemBackground) !important;
}

#new_documents_sec button.btn.btn-primary {
    background-color: var(--lig) !important;
    color: var(--messages-bg-color-1) !important;
}

div#bet_summary_tab #betContainer article.col-xs-12.col-sm-12.col-md-12.col-lg-12{
    background: var(--blackx) !important;
}

div#summarySection div#betContainer div.col-12 {
    background: var(--blackx) !important;
}

div#tickets_tab div#mostplayedContainer {
    background: var(--blackx) !important;
}

div#myNewPorifle a#btnall:hover {
    text-decoration: unset;
    background: var(--lig) !important;
}
#alertsDiv .msg-filter-container #msg_filter_form {
    background-color: transparent !important;
}

#alertsDiv .msg_header {
    background-color: transparent !important;
}

#alertsDiv .wrapperAlertView .listAlertView .textTypeAlertView {
    background-color: transparent !important;
}

span.game_provider{
    color: var(--messages-bg-color-1)!important;
}

button.playreal {
    color: var(--messages-bg-color-1) !important;
}