/* global-common START */
.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.asterisk,
.error-msg {
    font-size: 12px;
    padding: 0;
}
input:-webkit-autofill {
    border-radius: 0 !important;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .main-page .container:before, .main-page .container:after, .main-page .container-fluid:before, .main-page .container-fluid:after, .main-page .row:before, .main-page .row:after, .main-page .form-horizontal .form-group:before, .main-page .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: none;
}
.custom-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
}
/*button*/
.btn {
    outline: none !important;
    border-radius: 5px;
}
.btn-theme {
    border: 0 !important;
    border-radius: 50px;
}
.login-button {
    border: none;
}
.register-button {
    border: 1px solid;
}
/*form-control*/
.modal-form-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
}
.form-group {
    margin: 0;
}
.form-control[disabled],
.form-control[readonly],
.form-control {
    border-radius: 5px !important;
    transition: none;
    font-weight: bold;
    border: 1px solid;
}
.input-form-group {
    display: flex;
    border-radius: 5px;
    border: 1px solid;
}
.input-form-group.input-password-group {
    display: flex;
}
.search-form .btn,
.show-password-btn {
    padding: 5px 8px;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.input-captcha-group {
    border: none;
    gap: 5px;
}
.input-captcha {
    border-radius: 5px;
    border: 1px solid;
}
.input-form-group .form-control {
    border: none;
}
.search-form .form-control,
.form-content .password-form-control {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
/*Site Verified Code*/
.svc-container {
    position: fixed;
    top: 45px;
    left: 5px;
    z-index: 2000;
    display: none;
}
.svc-container img {
    height: 50px;
    width: 50px;
}
.svc-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.svc-img-container img {
    height: 90%;
    width: 90%;
}
#UCPopupModal .title-container .title {
    margin-left: 10px;
}
#UCPopupModal .title-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
/*modal*/
.popup-modal .fa {
    font-size: 18px;
    cursor: pointer;
}
.popup-modal .modal-content {
    border: 1px solid;
}
.popup-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    border: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.popup-modal .modal-header .close {
    opacity: 1;
}
.popup-modal .modal-body {
    padding: 10px 0px 10px 0px;
    min-height: 100px;
}
.popup-modal .modal-container {
    padding: 5px 15px;
}
.popup-modal .borderline {
    border-bottom: 1px dotted;
}
#popupCmsModal .modal-body,
#popupMsgModal .modal-body {
    padding: 15px;
    min-height: unset;
}
#popupCmsModal .modal-footer,
#popupMsgModal .modal-footer {
    padding: 5px;
    text-align: center;
    border: none;
}
#loginModal .modal-body{
    padding: 15px;
}
#loginModal .form-buttons {
    text-align: center;
}
#popupBannerModal .modal-dialog {
    display: flex;
    align-items: center;
}
#popupBannerModal .btn-close {
    position: absolute;
    top: -32px;
    right: -32px;
    z-index: 1;
}
#popupBannerModal .modal-content {
    padding: 20px 20px 0px 20px;
    width: 100%;
    text-align: center;
}
#popupBannerModal #carouselPopup {
    border: 1px solid;
}
#popupBannerModal .btn-default {
    margin: 10px;
}
@media (min-width: 992px) {
    .modal-dialog {
        margin-top: 75px;
    }
}
@media (max-width: 767px) {
    #popupBannerModal .btn-close {
        top: -15px;
        right: -15px;
    }
}
/*cssSetting - modal */
.popup-modal-center .modal-dialog {
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
    margin: 0 auto;
}
#popupBannerModal.popupbanner-design1 .modal-content {
    padding: 0;
    border: none;
}
#popupBannerModal.popupbanner-design1 #carouselPopup {
    border: none;
}
#popupBannerModal.popupbanner-design1 .btn-default {
    display: none;
}
/*bodybg*/
.homepage .middlebackground.bg-position-y-500 {
    background-position-y: 500px;
}
/*well*/
.well {
    margin: 10px 0;
}
.scroll-well .well {
    height: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.well a:hover {
    text-decoration: underline;
}
.well a.btn:hover {
    text-decoration: none;
}
/*container*/
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
/* global-common END */

/*alternativelink*/
/* UC:alternativelink-common START */
.alternativelink-box a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.alternativelink-box a:hover {
    text-decoration: underline;
}
.alternativelink-border-top-1 .alternativelink2 > .container,
.alternativelink-border-top-1.alternativelink2 > .container {
    border-top: 1px solid;
}
.alternativelink-border-top-dot-1 .alternativelink2 > .container,
.alternativelink-border-top-dot-1.alternativelink2 > .container {
    border-top: 1px dotted;
}
.alternativelink-border-top-1 .alternativelink2 .alternativelink-content,
.alternativelink-border-top-1.alternativelink2 .alternativelink-content,
.alternativelink-border-top-dot-1 .alternativelink2 .alternativelink-content,
.alternativelink-border-top-dot-1.alternativelink2 .alternativelink-content {
    margin-top: 15px;
}
/* UC:alternativelink-common END */
/*alternativelink1*/
/* UC:alternativelink1-design1 START */
.alternativelink1-design1 {
    position: fixed;
    z-index: 2;
    top: 13%;
    min-width: 175px;
}
.alternativelink1-design1 .alternativelink-header {
    font-size: 15px;
    padding: 5px 10px;
    cursor: pointer;
    border-top-right-radius: 5px;
    border: 1px solid;
}
.alternativelink1-design1 .alternativelink-box {
    padding: 5px 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
}
/* UC:alternativelink1-design1 END */
/*alternativelink2*/
/* UC:alternativelink2-design0 START */
.alternativelink2-design0 .alternativelink-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.alternativelink2-design0 .alternativelink-header {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
/* UC:alternativelink2-design0 END */
/* UC:alternativelink2-design1 START */
.alternativelink2-design1 .alternativelink-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.alternativelink2-design1 .alternativelink-header {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.alternativelink2-design1 .alternativelink-body {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.alternativelink2-design1 .alternativelink-box {
    flex: 0 0 calc((100% - (4 * 5px)) / 5);
}
/* UC:alternativelink2-design1 END */

/*announcement*/
/*announcement1*/
/* UC:announcement1-design1 START */
.announcement1-design1 .announcement-title {
    width: 40px;
    border-radius: 50px;
}
/* UC:announcement1-design1 END */
/* UC:announcement1-design3 START */
.announcement1-design3.announcement-container {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/* UC:announcement1-design3 END */
/* UC:announcement1-design4 START */
.announcement1-design4 .announcement-title {
    border-radius: 50px;
}
/* UC:announcement1-design4 END */
/* UC:announcement1-design5 START */
.announcement1-design5 .announcement-content {
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid;
}
/* UC:announcement1-design5 END */
/* UC:announcement1-design6 START */
.announcement1-design6 .announcement-content {
    padding: 5px 15px;
    border-radius: 50px;
}
/* UC:announcement1-design6 END */
/*announcement2*/
/* UC:announcement2-design1 START */
.announcement2-design1 .announcement-content {
    border: 1px solid;
}
.announcement2-design1 .announcement-title {
    border-radius: 50px;
}
.announcement2-design1 .marquee {
    width: 70%;
}
.announcement2-design1 .datetime {
    width: 25%;
    text-align: center;
}
/* UC:announcement2-design1 END */

/*bank*/
/* UC:bank-common START */
.bank-border-top-1 .bank-container > .container,
.bank-border-top-1.bank-container > .container {
    border-top: 1px solid;
}
.bank-border-top-dot-1 .bank-container > .container,
.bank-border-top-dot-1.bank-container > .container {
    border-top: 1px dotted;
}
.bank-border-top-1 .bank-container .bank-content,
.bank-border-top-1.bank-container .bank-content,
.bank-border-top-dot-1 .bank-container .bank-content,
.bank-border-top-dot-1.bank-container .bank-content {
    margin-top: 15px;
}
/* UC:bank-common END */
/* UC:bank-design0 START */
.bank-design0 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank-design0 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank-design0 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank-design0 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
}
.bank-design0 .bank-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.bank-design0 .bank-box .svg-icon {
    width: 100px;
    height: 30px;
}
/* UC:bank-design0 END */
/*bank1*/
/* UC:bank1-design1 START */
.bank1-design1 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design1 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design1 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.bank1-design1 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
}
.bank1-design1 .bank-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.bank1-design1 .bank-box .svg-icon {
    width: 100px;
    height: 30px;
}
/* UC:bank1-design1 END */
/* UC:bank1-design2 START */
.bank1-design2 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design2 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design2 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank1-design2 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
    flex: 0 0 calc((100% - (1 * 10px)) / 2);
}
.bank1-design2 .bank-indicator {
    width: 5px;
    height: 20px;
    border-radius: 50px;
}
.bank1-design2 .bank-box .svg-icon {
    width: 100px;
    height: 30px;
}
/* UC:bank1-design2 END */
/* UC:bank1-design3 START */
.bank1-design3 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design3 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design3 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.bank1-design3 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
    flex-direction: row-reverse;
    border-radius: 10px;
    height: 32px;
}
.bank1-design3 .bank-indicator {
    width: 30px;
    height: 100%;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.bank1-design3 .bank-indicator:before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 12px;
    line-height: 1;
}
.bank1-design3 .bank-indicator.online-indicator:before {
    content: "ON";
}
.bank1-design3 .bank-indicator.offline-indicator:before {
    content: "OFF";
}
.bank1-design3 .bank-box .svg-icon {
    width: 70px;
    height: 30px;
}
/* UC:bank1-design3 END */
/* UC:bank1-design4 START */
.bank1-design4 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design4 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design4 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.bank1-design4 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
}
.bank1-design4 .bank-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.bank1-design4 .bank-indicator.online-indicator {
    animation-name: bank-online;
    animation-duration: .6s;
    animation-iteration-count: infinite;
}
.bank1-design4 .bank-indicator.offline-indicator {
    animation-name: bank-offline;
    animation-duration: .6s;
    animation-iteration-count: infinite;
}
.bank1-design4 .bank-box .svg-icon {
    width: 100px;
    height: 30px;
}
/* UC:bank1-design4 END */
/* UC:bank1-design5 START */
.bank1-design5 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design5 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design5 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank1-design5 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
    border-radius: 5px;
    height: 40px;
    padding-left: 10px;
}
.bank1-design5 .bank-indicator {
    width: 5px;
    height: 20px;
    border-radius: 50px;
}
.bank1-design5 .bank-box .svg-icon {
    width: 70px;
    height: 30px;
}
/* UC:bank1-design5 END */
/* UC:bank1-design6 START */
.bank1-design6 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design6 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design6 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank1-design6 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
    border-radius: 5px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid;
    flex: 0 0 calc((100% - (4 * 10px)) / 5);
}
.bank1-design6 .bank-indicator {
    width: 5px;
    height: 20px;
    border-radius: 50px;
}
.bank1-design6 .bank-box .svg-icon {
    width: 100px;
    height: 30px;
}
/* UC:bank1-design6 END */
/* UC:bank1-design7 START */
.bank1-design7 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design7 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design7 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank1-design7 .bank-box {
    display: flex;
    align-items: center;
    width: 115px;
    flex-direction: column-reverse;
    gap: 3px;
}
.bank1-design7 .bank-indicator {
    width: unset;
    height: unset;
    display: flex;
    align-items: center;
    gap: 5px;
}
.bank1-design7 .bank-indicator.online-indicator:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.bank1-design7 .bank-indicator.offline-indicator:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.bank1-design7 .bank-indicator.online-indicator:after {
    content: "Online";
}
.bank1-design7 .bank-indicator.offline-indicator:after {
    content: "Offline";
}
.bank1-design7 .bank-box .svg-icon {
    width: 100px;
    height: 30px;
}
/* UC:bank1-design7 END */
/* UC:bank1-design8 START */
.bank1-design8 .bank-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bank1-design8 .bank-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.bank1-design8 .bank-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank1-design8 .bank-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 115px;
}
.bank1-design8 .bank-indicator {
    width: 5px;
    height: 20px;
    border-radius: 50px;
}
.bank1-design8 .bank-box .svg-icon {
    width: 100px;
    height: 30px;
}
/* UC:bank1-design8 END */

/*contact*/
/* UC:contact-common START */
.contact-border-top-1 .contact-container > .container,
.contact-border-top-1.contact-container > .container {
    border-top: 1px solid;
}
.contact-border-top-dot-1 .contact-container > .container,
.contact-border-top-dot-1.contact-container > .container {
    border-top: 1px dotted;
}
.contact-border-top-1 .contact-container .contact-content,
.contact-border-top-1.contact-container .contact-content,
.contact-border-top-dot-1 .contact-container .contact-content,
.contact-border-top-dot-1.contact-container .contact-content {
    margin-top: 15px;
}
/* UC:contact-common END */
/* UC:contact-design0 START */
.contact-design0 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-design0 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact-design0 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.contact-design0 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact-design0 .contact-icon .svg-icon {
    width: 30px;
    height: 30px;
}
/* UC:contact-design0 END */
/*contact1*/
/* UC:contact1-design1 START */
.contact1-design1.contact-container {
    padding: 10px 0;
}
.contact1-design1 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design1 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design1 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.contact1-design1 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact1-design1 .contact-icon .svg-icon {
    width: 30px;
    height: 30px;
}
/* UC:contact1-design1 END */
/* UC:contact1-design2 START */
.contact1-design2 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design2 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design2 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.contact1-design2 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.contact1-design2 .contact-icon .svg-icon {
    width: 30px;
    height: 30px;
}
/* UC:contact1-design2 END */
/* UC:contact1-design3 START */
.contact1-design3 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design3 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design3 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.contact1-design3 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact1-design3 .contact-icon .svg-icon {
    width: 30px;
    height: 30px;
}
/* UC:contact1-design3 END */
/* UC:contact1-design4 START */
.contact1-design4 .contact-container,
.contact1-design4.contact-container {
    padding: 5px 0;
}
.contact1-design4 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design4 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design4 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.contact1-design4 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact1-design4 .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 55px;
}
.contact1-design4 .contact-icon .svg-icon {
    width: 20px;
    height: 20px;
}
/* UC:contact1-design4 END */
/* UC:contact1-design5 START */
.contact1-design5 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design5 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design5 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.contact1-design5 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    flex: 0 0 calc((100% - (4 * 10px)) / 5);
}
.contact1-design5 .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
    background-size: cover !important;
}
.contact1-design5 .spinning-circle {
    width: 28px;
    height: 38px;
    animation-name: spinning;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
}
.contact1-design5 .contact-icon .svg-icon {
    width: 15px;
    height: 15px;
}
@keyframes spinning {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(1turn);
        transform: translate(-50%,-50%) rotate(1turn);
    }
    100% {
        -webkit-transform: translate(-50%,-50%) rotate(0deg);
        transform: translate(-50%,-50%) rotate(0deg);
    }
}
/* UC:contact1-design5 END */
/* UC:contact1-design6 START */
.contact1-design6.contact-container {
    padding: 10px 0;
}
.contact1-design6 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design6 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design6 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.contact1-design6 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    padding: 5px 10px;
}
.contact1-design6 .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}
.contact1-design6 .contact-icon .svg-icon {
    width: 12px;
    height: 12px;
}
/* UC:contact1-design6 END */
/* UC:contact1-design7 START */
.contact1-design7 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design7 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design7 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.contact1-design7 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    flex: 0 0 calc((100% - (1 * 10px)) / 2);
}
.contact1-design7 .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.contact1-design7 .contact-icon .svg-icon {
    width: 18px;
    height: 18px;
}
/* UC:contact1-design7 END */
/* UC:contact1-design8 START */
.contact1-design8 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design8 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design8 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.contact1-design8 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid;
    border-radius: 5px;
    flex: 0 0 calc((100% - (4 * 10px)) / 5);
}
.contact1-design8 .contact-icon .svg-icon {
    width: 20px;
    height: 20px;
}
/* UC:contact1-design8 END */
/* UC:contact1-design9 START */
.contact1-design9 .contact-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact1-design9 .contact-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contact1-design9 .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.contact1-design9 .contact-box {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    flex: 0 0 calc((100% - (4 * 10px)) / 5);
}
.contact1-design9 .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.contact1-design9 .contact-icon .svg-icon {
    width: 18px;
    height: 18px;
}
/* UC:contact1-design9 END */

/*depositwithdraw*/
/* UC:depowith-common START */
.deposit-withdraw-container .deposit-withdraw-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.deposit-withdraw-container .content-container {
    flex: 1 0 49%;
    padding: 15px;
}
.deposit-withdraw-container .content-header {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px 10px 0px;
}
.deposit-withdraw-container .deposit-result,
.deposit-withdraw-container .withdraw-result {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.deposit-withdraw-container .result-row {
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    border-radius: 5px;
}
.deposit-withdraw-container .player-name {
    flex: 1 1 70%;
}
.deposit-withdraw-container .result-amount {
    flex: 1 1 30%;
}
.deposit-withdraw-container .result-status {
    font-weight: bold;
    padding: 2px 0px;
    text-align: center;
    border-radius: 2px;
    font-size: 13px;
}
.deposit-withdraw-container .deposit-empty-status,
.deposit-withdraw-container .withdraw-empty-status {
    flex: 1 1 auto;
    text-align: center;
    height: 22px;
}
.deposit-withdraw-container.showdepowith-img .content-container {
    flex: 1 0 35%;
}
.deposit-withdraw-container.showdepowith-img .deposit-withdraw-img {
    flex: 1 0 20%;
}
.deposit-withdraw-container.showresult-status .player-name {
    flex: 1 0 20%;
}
.deposit-withdraw-container.showresult-status .result-amount {
    flex: 1 0 40%;
}
.deposit-withdraw-container.showresult-status .result-status {
    flex: 1 0 30%;
}
.deposit-withdraw-container.showdepowith-img .deposit-withdraw-img .img {
    height: 200px;
}
/* UC:depowith-common END */
/*depowith1*/
/* UC:depowith1-design1 START */
.depowith1-design1 .content-title,
.depowith1-design1 .content-arrow {
    font-size: 18px;
    font-weight: bold;
}
.depowith1-design1 .content-container {
    border-radius: 5px;
    border: 1px solid;
}
.depowith1-design1 .result-row {
    padding: 7px 20px;
}
/* UC:depowith1-design1 END */
/* UC:depowith1-design2 START */
.depowith1-design2 .content-title {
    font-weight: bold;
    flex: 1;
    text-align: center;
}
.depowith1-design2 .content-container {
    border-radius: 15px;
    border: 1px solid;
}
.depowith1-design2 .result-row {
    border-bottom: 1px solid;
    border-radius: 0px;
}
/* UC:depowith1-design2 END */

/*etg*/
/*etg1*/
/* UC:etg1-design1 START */
.etg1-design1 .etg-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.etg1-design1 .etg-title {
    font-size: 18px;
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.etg1-design1 span {
    white-space: nowrap;
}
.etg1-design1 .svg-icon {
    width: 30px;
    height: 30px;
}
.etg1-design1 .svg-icon.special-icon-size {
    width: 55px;
}
.etg1-design1 .game-count {
    width: 44px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 10px;
}
.etg1-design1 .etg-button {
    display: flex;
    gap: 10px;
}
.etg1-design1 .pre-next-btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 5px;
}
.etg1-design1 .pre-btn,
.etg1-design1 .next-btn {
    padding: 8px;
    border: 1px solid;
}
.etg1-design1 .all-game {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0px 10px;
    border: 1px solid;
}
.etg1-design1 .etg-game-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 208px;
}
.etg1-design1 #tween-etg-container {
    position: absolute;
    height: inherit;
}
.etg1-design1 .etg-game {
    float: left;
    padding: 0 3px;
    width: 208px;
    height: inherit;
}
.etg1-design1 .etg-game-content {
    position: relative;
    height: inherit;
}
.etg1-design1 .etg-game-content img {
    cursor: pointer;
    padding: 10px;
}
.etg1-design1 .etg-game-info {
    position: absolute;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0px 10px 0px;
    width: 100%;
    cursor: pointer;
}
/* UC:etg1-design1 END */

/*fishing*/
/*fishing1*/
/* UC:fishing1-design1 START */
.fishing1-design1 .fishing-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.fishing1-design1 .fishing-title {
    font-size: 18px;
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.fishing1-design1 span {
    white-space: nowrap;
}
.fishing1-design1 .svg-icon {
    width: 30px;
    height: 30px;
}
.fishing1-design1 .svg-icon.special-icon-size {
    width: 55px;
}
.fishing1-design1 .game-count {
    width: 44px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 10px;
}
.fishing1-design1 .fishing-button {
    display: flex;
    gap: 10px;
}
.fishing1-design1 .pre-next-btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 5px;
}
.fishing1-design1 .pre-btn,
.fishing1-design1 .next-btn {
    padding: 8px;
    border: 1px solid;
}
.fishing1-design1 .all-game {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0px 10px;
    border: 1px solid;
}
.fishing1-design1 .fishing-game-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 208px;
}
.fishing1-design1 #tween-fishing-container {
    position: absolute;
    height: inherit;
}
.fishing1-design1 .fishing-game {
    float: left;
    padding: 0 3px;
    width: 208px;
    height: inherit;
}
.fishing1-design1 .fishing-game-content {
    position: relative;
    height: inherit;
}
.fishing1-design1 .fishing-game-content img{
    cursor: pointer;
    padding: 10px;
}
.fishing1-design1 .fishing-game-info {
    position: absolute;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0px 10px 0px;
    width: 100%;
    cursor: pointer;
}
/* UC:fishing1-design1 END */

/*footer*/
/* UC:footer-common START */
#footer {
    padding: 0px 0 10px 0;
}
.footer-container .collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.footer-container .collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    pointer-events: none;
}
.footer-container .collapse-button.hidden {
    display: none;
}
.footer-container .collapse-button {
    display: block;
    text-align: center;
    width: 100%;
    padding: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
}
.footer-container h1 {
	font-size:26px;
}
.footer-container h2 {
	font-size:24px;
}
.footer-container h3 {
	font-size:22px;
}
.footer-container h4 {
	font-size:20px;
}
.footer-container h5 {
	font-size:18px;
}
.footer-container h6 {
	font-size:16px;
}
.footer-container a:hover {
    text-decoration:underline;
}
.footer-container .footer-content {
    padding: 10px 20px 25px 20px;
    text-align: center;
}
.footer-border-top-1 .footer-container > .container,
.footer-border-top-1.footer-container > .container {
    border-top: 1px solid;
}
.footer-border-top-dot-1 .footer-container > .container,
.footer-border-top-dot-1.footer-container > .container {
    border-top: 1px dotted;
}
/* UC:footer-common END */
/*footer1*/
/* UC:footer1-design2 START */
.footer1-design2 .footer-content {
    text-align: left;
}
/* UC:footer1-design2 END */

/*gamemenu*/
/* UC:gamemenu-common START */
.gamemenu-container .svg-icon {
    width: 30px;
    height: 30px;
}
.gamemenu-container .svg-icon.special-icon-size {
    width: 60px;
}
/* UC:gamemenu-common END */
/*gamemenu1*/
/* UC:gamemenu1-design1 START */
.gamemenu1-design1 .gamemenu-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.gamemenu1-design1 .game-content {
    border-radius: 5px;
    flex: 0 0 calc((100% - (2 * 10px)) / 3);
}
.gamemenu1-design1 .game-content-header,
.gamemenu1-design1 .game-content-footer {
    padding: 15px;
}
.gamemenu1-design1 .game-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
.gamemenu1-design1 .game-title {
    display: flex;
    align-items: center;
    gap: 5px;
}
.gamemenu1-design1 .see-all {
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 10px;
    white-space: nowrap;
}
.gamemenu1-design1 .game-content-body {
    padding: 0px 15px;
}
.gamemenu1-design1 .game {
    padding-top: 75%;
    border: 1px solid;
    border-radius: 5px;
}
.gamemenu1-design1 .game-content-footer a {
    display: flex;
    justify-content: center;
    border-radius: 5px;
    padding: 8px;
}
/* UC:gamemenu1-design1 END */
/*gamemenu4*/
/* UC:gamemenu4-design1 START */
.gamemenu4-design1 ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: inherit;
}
.gamemenu4-design1 .gamemenu-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.gamemenu4-design1 .gamemenu-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.gamemenu4-design1 .left-img,
.gamemenu4-design1 .right-img {
    width: 240px;
}
.gamemenu4-design1 .left-img,
.gamemenu4-design1 .right-img {
    height: 20px;
}
.gamemenu4-design1 .gamemenu-title {
    font-size: 35px;
}
.gamemenu4-design1 .game-navbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.gamemenu4-design1 .game-navbar li {
    border-top-left-radius: 70px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 70px;
    flex: 0 0 calc((100% - (3 * 10px)) / 4);
}
.gamemenu4-design1 .gamebg,
.gamemenu4-design1 .game {
    height: 230px;
    border-top-left-radius: 70px;
    border-top-right-radius: 20px;
}
.gamemenu4-design1 .game {
    transition: transform 0.3s ease;
    transform-origin: bottom;
}
.gamemenu4-design1 .game-navbar li a:hover .game {
    transform: scale(1.2);
}
.gamemenu4-design1 .game-name {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 70px;
}
/* UC:gamemenu4-design1 END */

/*gameprovider*/
/* UC:gameprovider-common START */
.gameprovider-container .gameprovider:hover .default-svg-icon {
    opacity: 0;
    transition: opacity .5s;
}
.gameprovider-container .gameprovider:hover .hover-svg-icon {
    opacity: 1;
}
.gameprovider-container .hover-svg-icon {
    opacity: 0;
    transition: opacity .5s;
    position: absolute;
}
.provider-border-top-dot-1 .gameprovider-container > .container,
.provider-border-top-dot-1.gameprovider-container > .container {
    border-top: 1px dotted;
}
.provider-border-top-1 .gameprovider-container > .container,
.provider-border-top-1.gameprovider-container > .container {
    border-top: 1px solid;
}
.provider-border-top-1 .gameprovider-container  .gameprovider-content,
.provider-border-top-1.gameprovider-container  .gameprovider-content,
.provider-border-top-dot-1 .gameprovider-container  .gameprovider-content,
.provider-border-top-dot-1.gameprovider-container  .gameprovider-content {
    margin-top: 15px;
}
/* UC:gameprovider-common END */
/*gameprovider1*/
/* UC:gameprovider1-design1 START */
.gameprovider1-design1 .gameprovider-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design1 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
.gameprovider1-design1 .gameprovider-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.gameprovider1-design1 .gameprovider-group {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-radius: 10px;
    padding: 15px;
}
.gameprovider1-design1 .gamegroup {
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
}
.gameprovider1-design1 .gameprovider-box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.gameprovider1-design1 .gameprovider,
.gameprovider1-design1 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.gameprovider1-design1 .svg-icon {
    width: 100px;
    height: 45px;
}
/* UC:gameprovider1-design1 END */
/* UC:gameprovider1-design2 START */
.gameprovider1-design2 .gameprovider-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
}
.gameprovider1-design2 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.gameprovider1-design2 .gameprovider-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design2 .gameprovider-group {
    display: grid;
    grid-template-columns: 95px 1fr;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.gameprovider1-design2 .gameprovider-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.gameprovider1-design2 .gameprovider,
.gameprovider1-design2 .provider-icon {
    width: 120px;
    height: 40px;
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.gameprovider1-design2 .svg-icon {
    width: 90px;
    height: 30px;
}
/* UC:gameprovider1-design2 END */
/* UC:gameprovider1-design3 START */
.gameprovider1-design3 .gameprovider-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design3 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.gameprovider1-design3 .gameprovider-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design3 .gameprovider-group {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
.gameprovider1-design3 .gamegroup {
    display: flex;
    align-items: center;
    gap: 10px;
}
.gameprovider1-design3 .line {
    height: 1px;
    flex: 1;
}
.gameprovider1-design3 .gameprovider-box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design3 .gameprovider,
.gameprovider1-design3 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.gameprovider1-design3 .svg-icon {
    width: 100px;
    height: 45px;
}
/* UC:gameprovider1-design3 END */
/* UC:gameprovider1-design4 START */
.gameprovider1-design4 .gameprovider-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design4 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.gameprovider1-design4 .gameprovider-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design4 .gameprovider-group {
    position: relative;
    border: 1px solid;
    border-radius: 10px;
    padding: 15px;
}
.gameprovider1-design4 .gamegroup {
    position: absolute;
    top: -12px;
    padding: 0 8px;
}
.gameprovider1-design4 .gameprovider-box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider1-design4 .gameprovider,
.gameprovider1-design4 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.gameprovider1-design4 .svg-icon {
    width: 100px;
    height: 45px;
}
/* UC:gameprovider1-design4 END */
/*gameprovider2*/
/* UC:gameprovider2-design0 START */
.gameprovider2-design0 .gameprovider-content {
    display: grid;
    gap: 15px;
}
.gameprovider2-design0 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.gameprovider2-design0 .gameprovider-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider2-design0 .gameprovider-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
    gap: 8px;
}
.gameprovider2-design0 .gameprovider,
.gameprovider2-design0 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.gameprovider2-design0 .svg-icon {
    width: 100px;
    height: 45px;
}
/* UC:gameprovider2-design0 END */
/* UC:gameprovider2-design1 START */
.gameprovider2-design1 .gameprovider-content {
    display: grid;
    gap: 15px;
}
.gameprovider2-design1 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.gameprovider2-design1 .gameprovider-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider2-design1 .gameprovider-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
    gap: 8px;
}
.gameprovider2-design1 .gameprovider,
.gameprovider2-design1 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.gameprovider2-design1 .svg-icon {
    width: 100px;
    height: 45px;
}
/* UC:gameprovider2-design1 END */
/* UC:gameprovider2-design2 START */
.gameprovider2-design2 .gameprovider-content {
    display: grid;
    gap: 15px;
}
.gameprovider2-design2 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.gameprovider2-design2 .gameprovider-body {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gameprovider2-design2 .gameprovider-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
    gap: 8px;
}
.gameprovider2-design2 .gameprovider,
.gameprovider2-design2 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 60px;
    height: 60px;
}
.gameprovider2-design2 .svg-icon {
    width: 40px;
    height: 40px;
}
/* UC:gameprovider2-design2 END */
/*gameprovider3*/
/* UC:gameprovider3-design1 START */
.gameprovider3-design1 .gameprovider-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.gameprovider3-design1 .gameprovider-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}
.gameprovider3-design1 .gameprovider-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 80px;
}
.gameprovider3-design1 #tween-gameprovider-container {
    position: absolute;
}
.gameprovider3-design1 .gameprovider-box {
    float: left;
    padding: 0 3px;
    cursor: pointer;
    width: 100px;
}
.gameprovider3-design1 .gameprovider,
.gameprovider3-design1 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.gameprovider3-design1 .svg-icon {
    width: 70px;
    height: 60px;
}
/* UC:gameprovider3-design1 END */
/* UC:gameprovider3-design2 START */
.gameprovider3-design2 .gameprovider-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.gameprovider3-design2 .gameprovider-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
}
.gameprovider3-design2 .gameprovider-title:before {
    width: 5px;
    content: " ";
    position: absolute;
    left: 0px;
    height: 100%;
    top: 0;
}
.gameprovider3-design2 .gameprovider-title {
    width: 100%;
    display: flex;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 10px 10px 20px;
    position: relative;
}
.gameprovider3-design2 .gameprovider-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 80px;
}
.gameprovider3-design2 #tween-gameprovider-container {
    position: absolute;
}
.gameprovider3-design2 .gameprovider-box {
    float: left;
    padding: 0 3px;
    cursor: pointer;
    width: 100px;
}
.gameprovider3-design2 .gameprovider {
    border-radius: 8px;
    border: 1px solid;
}
.gameprovider3-design2 .gameprovider,
.gameprovider3-design2 .provider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.gameprovider3-design2 .svg-icon {
    width: 60px;
    height: 85px;
}
/* UC:gameprovider3-design2 END */

/*hotgame*/
/*hotgame1*/
/* UC:hotgame1-design1 START */
.hotgame1-design1 .hotgame-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.hotgame1-design1 .hotgame-title {
    font-size: 16px;
    font-weight: bold;
}
.hotgame1-design1 .hotgame-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 250px;
}
.hotgame1-design1 #tween-hotgame-container {
    position: absolute;
}
.hotgame1-design1 .hotgame-box {
    float: left;
    padding: 0 3px;
    cursor: pointer;
    width: 200px;
}
.hotgame1-design1 .hotgame-info {
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
/* UC:hotgame1-design1 END */
/* UC:hotgame1-design2 START */
.hotgame1-design2 .hotgame-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.hotgame1-design2 .hotgame-title {
    font-size: 16px;
    font-weight: bold;
}
.hotgame1-design2 .hotgame-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 250px;
}
.hotgame1-design2 #tween-hotgame-container {
    position: absolute;
}
.hotgame1-design2 .hotgame-box {
    float: left;
    padding: 0 3px;
    cursor: pointer;
    width: 200px;
}
.hotgame1-design2 .hotgame-box img {
    border-radius: 8px;
}
.hotgame1-design2 .hotgame-info {
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
/* UC:hotgame1-design2 END */
/* UC:hotgame1-design3 START */
.hotgame1-design3 .hotgame-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.hotgame1-design3 .hotgame-title:before {
    width: 5px;
    content: " ";
    position: absolute;
    left: 0px;
    height: 100%;
    top: 0;
}
.hotgame1-design3 .hotgame-title {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: flex;
    text-transform: uppercase;
    padding: 10px 10px 10px 20px;
    position: relative;
}
.hotgame1-design3 .hotgame-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 250px;
}
.hotgame1-design3 #tween-hotgame-container {
    position: absolute;
}
.hotgame1-design3 .hotgame-box {
    float: left;
    padding: 0 3px;
    cursor: pointer;
    width: 200px;
}
.hotgame1-design3 .hotgame-box img {
    border-radius: 8px;
}
.hotgame1-design3 .hotgame-info {
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
/* UC:hotgame1-design3 END */

/*hybridcontent*/
/* UC:hybridcontent-common START */
.hybridcontent-container .hybridcontent .container {
    width: inherit;
}
.hybridcontent-border-top-1 > .container {
    border-top: 1px solid;
}
.hybridcontent-border-top-dot-1 > .container {
    border-top: 1px dotted;
}
.hybridcontent-border-top-1 .hybridcontent,
.hybridcontent-border-top-dot-1 .hybridcontent {
    margin-top: 15px;
}
.hybridcontent-line-border-1 .hybridcontent-line {
    border-left: 1px solid;
}
.hybridcontent-line-border-dot-1 .hybridcontent-line {
    border-left: 1px dotted;
}
.hybridcontent-reverse .hybridcontent {
    flex-direction: row-reverse;
}
/* UC:hybridcontent-common END */
/*hybridcontentbody1*/
/* UC:hybridcontent-body1-design1 START */
.hybridcontent-body1-design1 .hybridcontent-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hybridcontent-body1-design1 .hybridcontent-right {
    padding-left: 10px;
}
.hybridcontent-body1-design1 .hybridcontent-right img {
    height: 360px;
}
/* UC:hybridcontent-body1-design1 END */
/*hybridcontentbody2*/
/* UC:hybridcontent-body2-design1 START */
.hybridcontent-body2-design1 .hybridcontent {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.hybridcontent-body2-design1 .hybridcontent-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 66%;
}
.hybridcontent-body2-design1 .hybridcontent-left .carousel-inner {
    border-radius: 5px;
}
.hybridcontent-body2-design1 .hybridcontent-right .carousel-indicators {
    bottom: 10px;
}
.hybridcontent-body2-design1 .hybridcontent-right .carousel-indicators .indicator {
    border: 1px solid;
}
.hybridcontent-body2-design1 .hybridcontent-right .carousel-indicators .indicator.active {
    width: 12px;
    height: 12px;
    margin: 0;
}
.hybridcontent-body2-design1 .button-group {
    display: flex;
    gap: 10px;
}
.hybridcontent-body2-design1 .action-btn {
    flex: 1 1 33%;
}
.hybridcontent-body2-design1 .action-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px;
    border-radius: 5px;
    text-transform: uppercase;
}
.hybridcontent-body2-design1 .promo-btn .glyphicon {
    top: 0;
    font-size: 18px;
}
.hybridcontent-body2-design1 .register-icon,
.hybridcontent-body2-design1 .login-icon {
    width: 18px;
    height: 18px;
}
.hybridcontent-body2-design1 .hybridcontent-right {
    flex: 1 1 33%;
    border: 2px solid;
    border-radius: 5px;
}
/* UC:hybridcontent-body2-design1 END */
/*hybridcontentbody3*/
/* UC:hybridcontent-body3-design1 START */
.hybridcontent-body3-design1.jackpot1-design12 .jackpot-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    z-index: 1;
}
.hybridcontent-body3-design1.jackpot1-design12 .jackpot {
    display: flex;
    align-items: end;
    justify-content: center;
    height: 85px;
    gap: 15px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 15px;
}
.hybridcontent-body3-design1.jackpot1-design12 .jackpot-currency-amount {
    display: flex;
    gap: 5px;
}
@media(max-width: 767px) {
    .hybridcontent-body3-design1.jackpot1-design12 .jackpot {
        flex-direction: column;
        align-items: center;
        justify-content: end;
        gap: 0;
        font-size: 25px;
        padding-bottom: 10px;
    }
}
.hybridcontent-body3-design1.slot5-design2 .slot-header {
    margin-bottom: 60px;
}
/* UC:hybridcontent-body3-design1 END */
/*hybridcontentfooter1*/
/* UC:hybridcontent-footer1-design1 START */
.hybridcontent-footer1-design1 .hybridcontent-left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 15px;
}
.hybridcontent-footer1-design1 .mobile-wap-container {
    display: flex;
    align-items: center;
    gap: 5px;
}
.hybridcontent-footer1-design1 .mobile-wap-container a {
    width: 150px;
    display: block;
    text-align: center;
    padding: 10px 5px;
    font-size: 16px;
    border-radius: 5px;
    text-transform: uppercase;
}
/* UC:hybridcontent-footer1-design1 END */
/*hybridcontentfooter2*/
/* UC:hybridcontent-footer2-design1 START */
.hybridcontent-footer2-design1 .hybridcontent {
    display: flex;
}
/* UC:hybridcontent-footer2-design1 END */
/* UC:hybridcontent-footer2-design2 START */
.hybridcontent-footer2-design2 .hybridcontent {
    display: flex;
}
/* UC:hybridcontent-footer2-design2 END */
/* UC:hybridcontent-footer2-design3 START */
.hybridcontent-footer2-design3 .hybridcontent {
    display: flex;
}
/* UC:hybridcontent-footer2-design3 END */
/* UC:hybridcontent-footer2-design4 START */
.hybridcontent-footer2-design4 .hybridcontent {
    display: flex;
}
/* UC:hybridcontent-footer2-design4 END */
/*hybridcontentfooter4*/
/* UC:hybridcontent-footer4-design1 START */
.hybridcontent-footer4-design1 .hybridcontent {
    display: flex;
    flex-wrap: wrap;
}
.hybridcontent-footer4-design1 .hybridcontent-top,
.hybridcontent-footer4-design1 .hybridcontent-bottom {
    padding: 15px
}
.hybridcontent-footer4-design1 .contact-body {
    justify-content: center;
}
.hybridcontent-footer4-design1 .hybridcontent-bottom {
    border-top: 1px solid;
}
/* UC:hybridcontent-footer4-design1 END */
/*hybridcontentfooter5*/
/* UC:hybridcontent-footer5-design1 START */
.hybridcontent-footer5-design1 {
    padding: 15px 0px;
}
/* UC:hybridcontent-footer5-design1 END */
/*hybridcontentfooter6*/
/* UC:hybridcontent-footer6-design1 START */
.hybridcontent-footer6-design1 .hybridcontent-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-right: 10px;
}
.hybridcontent-footer6-design1 .bank-body,
.hybridcontent-footer6-design1 .contact-body {
    gap: 15px;
}
/* UC:hybridcontent-footer6-design1 END */

/*jackpot*/
/*jackpot1*/
/* UC:jackpot1-design1 START */
.jackpot1-design1 .jackpot {
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: center;
    height: 150px;
}
.jackpot1-design1 .jackpot-provider {
    font-size: 30px;
    line-height: 1;
}
.jackpot1-design1 .jackpot-currency-amount {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}
.jackpot1-design1 .jackpot-currency,
.jackpot1-design1 .jackpot-amount {
    font-size: 43px;
    line-height: 1;
}
@media(max-width: 767px) {
    .jackpot1-design1 .jackpot {
        height: 85px;
    }
    .jackpot1-design1 .jackpot-provider {
        font-size: 20px;
    }
    .jackpot1-design1 .jackpot-currency-amount {
        margin-bottom: 9px;
    }
    .jackpot1-design1 .jackpot-currency,
    .jackpot1-design1 .jackpot-amount {
        font-size: 25px;
    }
}
/* UC:jackpot1-design1 END */
/* UC:jackpot1-design2 START */
.jackpot1-design2 .jackpot {
    display: flex;
    align-items: center;
    height: 150px;
}
.jackpot1-design2 .jackpot-provider {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 35px 20px 0px 60px;
    text-align: center;
    width: 350px;
}
.jackpot1-design2 .jackpot-currency-amount {
    font-size: 45px;
    font-family: 'advanced_dot_digital7';
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 675px;
    margin: 0 auto;
}
@media(max-width: 1199px){
    .jackpot1-design2 .jackpot {
        align-items: end;
        flex-direction: column;
        height: 165px;
    }
    .jackpot1-design2 .jackpot-provider {
        margin: 20px 16% 10px 0px;
        width: 350px;
    }
    .jackpot1-design2 .jackpot-currency-amount {
        width: 600px;
    }
}
@media(max-width: 991px) {
    .jackpot1-design2 .jackpot-provider {
        margin: 20px 6% 10px 0px;
    }
}
@media(max-width: 767px) {
    .jackpot1-design2 .jackpot {
        height: 150px;
        background-size: cover !important;
    }
    .jackpot1-design2 .jackpot-provider {
        margin: 11px 3% 10px 0px;
        width: 375px;
    }
    .jackpot1-design2 .jackpot-currency-amount {
        width: 0px;
    }
}
@media(max-width: 674px) {
    .jackpot1-design2 .jackpot {
        height: 130px;
    }
    .jackpot1-design2 .jackpot-provider {
        margin: 7px 0% 4px 0px;
    }
}
@media(max-width: 574px) {
    .jackpot1-design2 .jackpot {
        height: 83px;
    }
    .jackpot1-design2 .jackpot-provider {
        font-size: 15px;
        margin: 5px 0% 10px 0px;
        width: 235px;
    }
    .jackpot1-design2 .jackpot-currency-amount {
        font-size: 20px;
    }
}
@media(max-width: 375px) {
    .jackpot1-design2 .jackpot {
        height: 74px;
    }
    .jackpot1-design2 .jackpot-provider {
        font-size: 15px;
        margin: 3px 0% 7px 0px;
        width: 200px;
    }
}
/* UC:jackpot1-design2 END */
/* UC:jackpot1-design3 START */
.jackpot1-design3 .svg-icon {
    width: 130px;
    height: 55px;
}
.jackpot1-design3 .jackpot {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 97px;
}
.jackpot1-design3 .jackpot-currency-amount {
    display: flex;
    gap: 10px;
    font-size: 40px;
    width: 400px;
    justify-content: center;
    margin-right: 30px;
    font-family: 'CharlesWright-Bold';
}
@media(max-width: 767px){
    .jackpot1-design3 .jackpot {
        align-items: end;
        justify-content: center;
        height: 125px;
        padding-bottom: 17px;
        gap: 10px;
    }
    .jackpot1-design3 .jackpot-currency-amount {
        width: unset;
        margin: 0px;
    }
}
@media(max-width: 510px) {
    .jackpot1-design3 .jackpot {
        height: 70px;
        padding-bottom: 5px;
    }
    .jackpot1-design3 .svg-icon {
        width: 90px;
        height: 40px;
    }
    .jackpot1-design3 .jackpot-currency-amount {
        font-size: 25px;
    }
}
@media(max-width: 375px) {
    .jackpot1-design3 .jackpot {
        height: 62px;
        padding-bottom: 2px;
    }
}
/* UC:jackpot1-design3 END */
/* UC:jackpot1-design4 START */
.jackpot1-design4 .svg-icon {
    width: 140px;
    height: 25px;
    margin-bottom: 7px;
}
.jackpot1-design4 .jackpot {
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: 'andigo';
    height: 70px;
    line-height: 1;
}
.jackpot1-design4 .jackpot-currency-amount {
    display: flex;
    gap: 10px;
    font-size: 30px;
    width: 400px;
    justify-content: center;
    margin-right: 10px;
}
@media(max-width: 767px){
    .jackpot1-design4 .svg-icon {
        margin-bottom: 6px;
    }
    .jackpot1-design4 .jackpot {
        align-items: end;
        justify-content: space-around;
        height: 145px;
        padding-bottom: 17px;
        gap: 10px;
    }
    .jackpot1-design4 .jackpot-currency-amount {
        width: unset;
        margin: 0px;
    }
}
@media(max-width: 510px) {
    .jackpot1-design4 .svg-icon {
        margin-bottom: 3px;
    }
    .jackpot1-design4 .jackpot {
        height: 80px;
        padding-bottom: 4px;
    }
    .jackpot1-design4 .svg-icon {
        width: 90px;
        height: 25px;
    }
    .jackpot1-design4 .jackpot-currency-amount {
        font-size: 25px;
    }
}
@media(max-width: 375px) {
    .jackpot1-design4 .svg-icon {
        margin-bottom: 2px;
    }
    .jackpot1-design4 .jackpot {
        height: 70px;
        padding-bottom: 2px;
    }
}
/* UC:jackpot1-design4 END */
/* UC:jackpot1-design5 START */
.jackpot1-design5 .jackpot {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    font-family: 'AGENCYB';
    height: 160px;
    line-height: 1;
}
.jackpot1-design5 .jackpot-provider {
    font-size: 35px;
}
.jackpot1-design5 .jackpot-currency-amount {
    display: flex;
    font-size: 50px;
    gap: 10px;
    margin-bottom: 20px;
}
@media(max-width: 767px) {
    .jackpot1-design5 .jackpot {
        font-size: 50px;
        height: 125px;
    }
    .jackpot1-design5 .jackpot-provider {
        font-size: 30px;
    }
    .jackpot1-design5 .jackpot-currency-amount {
        font-size: 30px;
        margin-bottom: 15px;
    }
}
@media(max-width: 510px) {
    .jackpot1-design5 .jackpot {
        height: 80px;
    }
    .jackpot1-design5 .jackpot-provider {
        font-size: 20px;
    }
    .jackpot1-design5 .jackpot-currency-amount {
        margin-bottom: 5px;
    }
}
/* UC:jackpot1-design5 END */
/* UC:jackpot1-design6 START */
.jackpot1-design6 .jackpot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 45px;
    font-family: 'tahoma';
    height: 115px;
    line-height: 1;
    padding: 0px 55px;
}
.jackpot1-design6 .jackpot-currency-amount {
    display: flex;
    gap: 15px;
}
@media(max-width: 767px) {
    .jackpot1-design6 .jackpot {
        font-size: 20px;
        height: 75px;
        background-size: cover !important;
        padding: 0px 20px;
    }
}
/* UC:jackpot1-design6 END */
/* UC:jackpot1-design7 START */
.jackpot1-design7 .svg-icon {
    width: 140px;
    height: 55px;
}
.jackpot1-design7 .jackpot {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 64px;
    font-family: 'Open 24 Display St';
    height: 160px;
    line-height: 1;
    gap: 130px;
}
.jackpot1-design7 .jackpot-currency-amount {
    display: flex;
    gap: 10px;
    width: 400px;
    justify-content: center;
    margin-bottom: 13px;
    margin-right: 55px;
}
@media(max-width: 992px) {
    .jackpot1-design7 .svg-icon {
        width: 140px;
        height: 25px;
    }
    .jackpot1-design7 .jackpot {
        height: 90px;
        background-size: cover !important;
        gap: 60px;
        font-size: 40px;
    }
    .jackpot1-design7 .jackpot-currency-amount {
        width: unset;
    }
}
@media(max-width: 767px) {
    .jackpot1-design7 .svg-icon {
        width: 120px;
        height: 18px;
    }
    .jackpot1-design7 .jackpot {
        height: 65px;
        font-size: 30px;
        gap: 0;
    }
    .jackpot1-design7 .jackpot-currency-amount {
        margin-bottom: 5px;
        margin-right: 15px;
    }
}
@media(max-width: 375px) {
    .jackpot1-design7 .svg-icon {
        width: 120px;
        height: 15px;
    }
    .jackpot1-design7 .jackpot {
        height: 55px;
        font-size: 20px;
    }
    .jackpot1-design7 .jackpot-currency-amount {
        margin-right: 25px;
    }
}
/* UC:jackpot1-design7 END */
/* UC:jackpot1-design8 START */
.jackpot1-design8 .jackpot {
    display: flex;
    align-items: center;
    height: 120px;
}
.jackpot1-design8 .jackpot-provider {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 80px 30px 0px 10px;
    text-align: center;
    width: 520px;
}
.jackpot1-design8 .jackpot-currency-amount {
    font-size: 45px;
    font-family: 'advanced_dot_digital7';
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 680px;
    margin: 0 auto;
}
@media(max-width: 1199px){
    .jackpot1-design8 .jackpot {
        align-items: end;
        flex-direction: column;
        height: 165px;
    }
    .jackpot1-design8 .jackpot-provider {
        margin: 10px 16% 23px 0px;
        width: 350px;
    }
    .jackpot1-design8 .jackpot-currency-amount {
        width: 600px;
    }
}
@media(max-width: 991px){
    .jackpot1-design8 .jackpot-provider {
        margin: 10px 6% 23px 0px;
    }
}
@media(max-width: 767px) {
    .jackpot1-design8 .jackpot {
        background-size: cover !important;
    }
    .jackpot1-design8 .jackpot-provider {
        margin: 8px 1% 23px 0px;
        width: 375px;
    }
    .jackpot1-design8 .jackpot-currency-amount {
        width: 0px;
    }
}
@media(max-width: 674px) {
    .jackpot1-design8 .jackpot {
        height: 145px;
    }
    .jackpot1-design8 .jackpot-provider {
        margin: 2px 0% 20px 0px;
    }
}
@media(max-width: 574px) {
    .jackpot1-design8 .jackpot {
        height: 100px;
    }
    .jackpot1-design8 .jackpot-provider {
        font-size: 15px;
        margin: 3px 0% 22px 0px;
        width: 240px;
    }
    .jackpot1-design8 .jackpot-currency-amount {
        font-size: 20px;
    }
}
@media(max-width: 375px) {
    .jackpot1-design8 .jackpot {
        height: 85px;
    }
    .jackpot1-design8 .jackpot-provider {
        font-size: 15px;
        margin: 2px 0% 15px 0px;
        width: 200px;
    }
}
/* UC:jackpot1-design8 END */
/* UC:jackpot1-design9 START */
.jackpot1-design9 .jackpot {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    height: 150px;
    line-height: 1;
}
.jackpot1-design9 .jackpot-provider {
    font-size: 30px;
}
.jackpot1-design9 .jackpot-currency-amount {
    display: flex;
    font-size: 50px;
    gap: 15px;
    margin-bottom: 17px;
    font-family: 'anton';
}
@media(max-width: 767px) {
    .jackpot1-design9 .jackpot {
        height: 85px;
        background-size: cover !important;
    }
    .jackpot1-design9 .jackpot-provider {
        font-size: 20px;
    }
    .jackpot1-design9 .jackpot-currency-amount {
        font-size: 25px;
        margin-bottom: 10px;
    }
}
/* UC:jackpot1-design9 END */
/* UC:jackpot1-design10 START */
.jackpot1-design10 .svg-icon {
    width: 140px;
    height: 55px;
}
.jackpot1-design10 .jackpot {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 64px;
    font-family: 'arcade';
    height: 140px;
    line-height: 1;
    gap: 100px;
}
.jackpot1-design10 .jackpot-currency-amount {
    display: flex;
    gap: 10px;
    width: 480px;
    justify-content: center;
    margin-top: 13px;
    margin-right: 60px;
}
@media(max-width: 1199px){
    .jackpot1-design10 .svg-icon {
        width: 80px;
    }
    .jackpot1-design10 .jackpot {
        font-size: 35px;
        gap: 20px;
    }
    .jackpot1-design10 .jackpot-currency-amount {
        width: unset;
        margin-top: 10px;
        margin-right: 18%;
    }
}
@media(max-width: 991px) {
    .jackpot1-design10 .jackpot-currency-amount {
        margin-right: 10%;
    }
}
@media(max-width: 767px) {
    .jackpot1-design10 .jackpot {
        font-size: 30px;
    }
    .jackpot1-design10 .jackpot-currency-amount {
        margin-right: 5%;
    }
}
@media(max-width: 574px) {
    .jackpot1-design10 .svg-icon {
        width: 70px;
    }
    .jackpot1-design10 .jackpot {
        height: 100px;
        font-size: 25px;
        background-size: cover !important;
    }
    .jackpot1-design10 .jackpot-currency-amount {
        margin-top: 7px;
    }
}
@media(max-width: 425px) {
    .jackpot1-design10 .svg-icon {
        width: 50px;
    }
    .jackpot1-design10 .jackpot {
        gap: 15px;
        height: 75px;
        font-size: 20px;
    }
    .jackpot1-design10 .jackpot-currency-amount {
        margin-top: 4px;
    }
}
@media(max-width: 375px) {
    .jackpot1-design10 .jackpot {
        height: 63px;
        font-size: 17px;
    }
    .jackpot1-design10 .jackpot-currency-amount {
        margin-right: 6%;
    }
}
@media(max-width: 340px) {
    .jackpot1-design10 .jackpot-currency-amount {
        margin-right: 2%;
    }
}
/* UC:jackpot1-design10 END */
/* UC:jackpot1-design11 START */
.jackpot1-design11 .jackpot {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    height: 150px;
    position: relative;
    border: 1px solid;
    border-radius: 8px;
}
.jackpot1-design11 .jackpot-provider {
    font-size: 30px;
    line-height: 1;
}
.jackpot1-design11 .jackpot-currency-amount {
    display: flex;
    gap: 10px;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
}
.jackpot1-design11 .jackpot-icon {
    position: absolute;
    right: 45px;
    width: 240px;
    height: 180px;
}
@media(max-width: 767px) {
    .jackpot1-design11 .jackpot {
        height: 55px;
        border-radius: 50px;
    }
    .jackpot1-design11 .jackpot-provider {
        font-size: 15px;
    }
    .jackpot1-design11 .jackpot-currency-amount {
        font-size: 22px;
    }
    .jackpot1-design11 .jackpot-icon {
        display: none;
    }
}
/* UC:jackpot1-design11 END */
/* UC:jackpot1-design12 START */
.jackpot1-design12 .jackpot {
    display: flex;
    align-items: end;
    justify-content: center;
    height: 85px;
    gap: 15px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 15px;
}
.jackpot1-design12 .jackpot-currency-amount {
    display: flex;
    gap: 5px;
}
@media(max-width: 767px) {
    .jackpot1-design12 .jackpot {
        flex-direction: column;
        align-items: center;
        justify-content: end;
        gap: 0;
        font-size: 25px;
        padding-bottom: 10px;
    }
}
/* UC:jackpot1-design12 END */
/*jackpot2*/
/* UC:jackpot2-design1 START */
.jackpot2-design1 .jackpot {
    border-radius: 30px;
    padding: 10px;
    display: flex;
}
.jackpot2-design1 .jackpot-outer-container {
    display: flex;
    flex-grow: 1;
    padding: 10px;
    border-radius: 100px;
}
.jackpot2-design1 .jackpot-inner-container {
    display: flex;
    flex-grow: 1;
    padding: 10px;
    border-radius: 100px;
}
.jackpot2-design1 .jackpot-border-container {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 10px;
    border-radius: 100px;
    border: 3px solid;
}
.jackpot2-design1 .jackpot-left-content {
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    flex: 1 1 25%;
    text-align: center;
}
.jackpot2-design1 .jackpot-title {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.jackpot2-design1 .jackpot-provider {
    font-size: 25px;
}
.jackpot2-design1 .jackpot-right-content {
    flex: 1 1 75%;
    border-radius: 70px;
    padding: 10px;
}
.jackpot2-design1 .jackpot-right-inner-container {
    border-radius: 50px;
    padding: 10px;
}
.jackpot2-design1 .jackpot-currency-amount {
    display: flex;
    font-size: 50px;
    justify-content: center;
    line-height: 1;
    gap: 15px;
    padding: 10px;
    border-radius: 50px;
    border: 3px dotted;
}
@media(max-width: 767px) {
    .jackpot2-design1 .jackpot,
    .jackpot2-design1 .jackpot-outer-container,
    .jackpot2-design1 .jackpot-inner-container,
    .jackpot2-design1 .jackpot-border-container {
        padding: 0px;
    }
    .jackpot2-design1 .jackpot-border-container {
        border: none;
        flex-direction: column;
        align-items: unset;
        gap: 5px;
    }
    .jackpot2-design1 .jackpot-left-content {
        gap: 0px;
    }
    .jackpot2-design1 .jackpot-title {
        font-size: 20px;
    }
    .jackpot2-design1 .jackpot-provider {
        font-size: 15px;
    }
    .jackpot2-design1 .jackpot-currency-amount {
        font-size: 25px;
    }
}
/* UC:jackpot2-design1 END */

/*linkbanner*/
/*linkbanner1*/
/* UC:linkbanner1-design1 START */
.linkbanner1-design1.linkbanner1 {
    border-top: 2px solid;
    border-bottom: 2px solid;
}
/* UC:linkbanner1-design1 END */
/* UC:linkbanner1-design2 START */
.linkbanner1-design2.linkbanner1 {
    border-top: 2px solid;
    border-bottom: 2px solid;
}
/* UC:linkbanner1-design2 END */
/* UC:linkbanner1-design3 START */
.linkbanner1-design3.linkbanner1 {
    border-top: 2px solid;
    border-bottom: 2px solid;
}
/* UC:linkbanner1-design3 END */

/*livecasino*/
/*livecasino1*/
/* UC:livecasino1-design1 START */
.livecasino1-design1 .livecasino-content {
    background-size: cover !important;
}
.livecasino1-design1 .carousel-indicators {
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: right;
    margin: 0;
}
.livecasino1-design1 .indicator {
    width: 30px;
    height: 30px;
    opacity: 0.5;
    margin: 0;
    border: none;
}
.livecasino1-design1 .indicator.active {
    opacity: 1;
}
/* UC:livecasino1-design1 END */
/*livecasino2*/
/* UC:livecasino2-design1 START */
.livecasino2-design1 .livecasino-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.livecasino2-design1 .livecasino-title {
    font-size: 18px;
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.livecasino2-design1 span {
    white-space: nowrap;
}
.livecasino2-design1 .svg-icon {
    width: 30px;
    height: 30px;
}
.livecasino2-design1 .svg-icon.special-icon-size {
    width: 55px;
}
.livecasino2-design1 .game-count {
    width: 44px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 10px;
}
.livecasino2-design1 .livecasino-button {
    display: flex;
    gap: 10px;
}
.livecasino2-design1 .pre-next-btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 5px;
}
.livecasino2-design1 .pre-btn,
.livecasino2-design1 .next-btn {
    padding: 8px;
    border: 1px solid;
}
.livecasino2-design1 .all-game {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0px 10px;
    border: 1px solid;
}
.livecasino2-design1 .livecasino-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 200px;
}
.livecasino2-design1 #tween-livecasino-container {
    position: absolute;
}
.livecasino2-design1 .livecasino-provider {
    float: left;
    padding: 0 3px;
    width: 208px;
}
.livecasino2-design1 .livecasino-provider-content {
    position: relative;
}
.livecasino2-design1 .livecasino-provider-content img {
    cursor: pointer;
    padding: 10px;
}
.livecasino2-design1 .livecasino-provider-info {
    padding: 0px 10px 10px 10px;
}
.livecasino2-design1 .livecasino-provider-info a {
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}
/* UC:livecasino2-design1 END */
/*livecasino3*/
/* UC:livecasino3-design1 START */
.livecasino3-design1 .livecasino-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.livecasino3-design1 .game-title:before {
    width: 5px;
    content: " ";
    position: absolute;
    left: 0px;
    height: 100%;
    top: 0;
}
.livecasino3-design1 .game-title {
    width: 100%;
    display: flex;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 10px 10px 20px;
    position: relative;
    font-size: 16px;
}
.livecasino3-design1 .livecasino-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 250px;
}
.livecasino3-design1 #tween-livecasino-container {
    position: absolute;
}
.livecasino3-design1 .livecasino-provider {
    float: left;
    padding: 0 3px;
    cursor: pointer;
    width: 208px;
}
.livecasino3-design1 img {
    border-radius: 8px;
}
.livecasino3-design1 .livecasino-provider-info {
    position: relative;
}
.livecasino3-design1 .livecasino-provider-info a {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
    padding: 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
}
/* UC:livecasino3-design1 END */

/*mainbanner*/
/*mainbanner1*/
/* UC:mainbanner-common START */
.mainbanner-container #fullCarousel {
    width: 100%;
    max-width: 100%;
    position: absolute;
}
.mainbanner-container .carousel.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.mainbanner-container #fullCarousel .item > img {
    width: 100%;
    height: 480px;
    opacity: .6;
    filter: blur(20px) saturate(1);
    -webkit-filter: blur(20px) saturate(1);
    object-fit: cover;
    object-position: 0px 0px;
}
.mainbanner-container .carousel.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.mainbanner-container .carousel.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.mainbanner-container .carousel.carousel-fade .carousel-inner .active.left,
.mainbanner-container .carousel.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
}
.mainbanner-container .carousel.carousel-fade .carousel-inner .next.left,
.mainbanner-container .carousel.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .mainbanner-container .carousel.carousel-fade .carousel-inner > .item.next,
    .mainbanner-container .carousel.carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .mainbanner-container .carousel.carousel-fade .carousel-inner > .item.prev,
    .mainbanner-container .carousel.carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .mainbanner-container .carousel.carousel-fade .carousel-inner > .item.next.left,
    .mainbanner-container .carousel.carousel-fade .carousel-inner > .item.prev.right,
    .mainbanner-container .carousel.carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.mainbanner-container.banner-fullsize .container {
    width: 100%;
}
/* UC:mainbanner-common END */

/*mainheader*/
/* UC:mainheader-common START */
.mainheader .container > .row {
    align-items: unset;
}
.mainheader .error-msg {
    text-align: right;
}
.mainheader .form-label {
    margin: 0;
    font-size: 12px;
}
.mainheader .content.content-float {
    position: absolute;
    right: 15px;
    top: 5px;
}
.mainheader .language img {
    width: 18px;
}
.mainheader .language .dropdown-menu {
    min-width: 35px;
    border: 1px solid;
    padding: 0;
    margin: 0;
}
/* UC:mainheader-common END */
/*mainheader1*/
/* UC:mainheader1-design1 START */
.mainheader1-design1 .form-buttons {
    display: flex;
    gap: 7px;
    align-items: center;
    flex-direction: column;
}
.show-label.mainheader1-design1 .form-buttons {
    margin-top: 20px;
}
.mainheader1-design1 .form-buttons .btn {
    width: 100px;
    height: 35px;
    padding: 0;
    border-radius: 50px;
}
.mainheader1-design1 .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}
.show-label.topbar-none.mainheader1-design1 .header-content {
    padding-top: 10px;
}
.label-none.topbar-none.mainheader1-design1 .header-content {
    padding-top: 20px;
}
.mainheader1-design1 .form-icon {
    padding: 8px 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mainheader1-design1 .topbar-content {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}
.mainheader1-design1 .topbar-content .datetime span,
.mainheader1-design1 .content a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    line-height: 1;
}
.mainheader1-design1 .input-form-group {
    width: 140px;
}
.mainheader1-design1 .topbar-content .content {
    position: relative;
}
.mainheader1-design1 .topbar-content .border {
    border-left: 1px dotted;
    height: 15px;
}
/* UC:mainheader1-design1 END */
/* UC:mainheader1-design2 START */
.mainheader1-design2 .form-buttons {
    display: flex;
    gap: 7px;
    align-items: center;
}
.show-label.mainheader1-design2 .form-buttons {
    margin-top: 20px;
}
.mainheader1-design2 .form-buttons .btn {
    width: 90px;
    height: 32px;
    padding: 0;
    border-radius: 5px;
}
.mainheader1-design2 .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}
.show-label.topbar-none.mainheader1-design2 .header-content {
    padding-top: 10px;
}
.label-none.topbar-none.mainheader1-design2 .header-content {
    padding-top: 30px;
}
.mainheader1-design2 .form-icon {
    padding: 8px 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mainheader1-design2 .topbar-content {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}
.mainheader1-design2 .topbar-content .datetime span,
.mainheader1-design2 .content a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    line-height: 1;
}
.mainheader1-design2 .input-form-group {
    width: 140px;
}
.mainheader1-design2 .topbar-content .content {
    position: relative;
}
.mainheader1-design2 .topbar-content .border {
    border-left: 1px dotted;
    height: 15px;
}
/* UC:mainheader1-design2 END */
/* UC:mainheader1-design3 START */
.mainheader1-design3 .form-buttons {
    display: flex;
    gap: 7px;
    align-items: center;
}
.show-label.mainheader1-design3 .form-buttons {
    margin-top: 20px;
}
.mainheader1-design3 .form-buttons .btn {
    width: 100px;
    height: 35px;
    padding: 0;
    border-radius: 50px;
}
.mainheader1-design3 .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}
.label-none.topbar-none.mainheader1-design3 .header-content {
    padding-top: 30px;
}
.show-label.topbar-none.mainheader1-design3 .header-content {
    padding-top: 15px;
}
.mainheader1-design3 .form-icon {
    padding: 8px 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mainheader1-design3 .topbar-content {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}
.mainheader1-design3 .topbar-content .datetime span,
.mainheader1-design3 .content a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    line-height: 1;
}
.mainheader1-design3 .topbar-content .content.livechat a {
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 5px;
}
.mainheader1-design3 .topbar-content .content.android a {
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 5px;
}
.mainheader1-design3 .input-form-group {
    width: 140px;
}
.mainheader1-design3 .topbar-content .content {
    position: relative;
}
.mainheader1-design3 .topbar-content .border {
    border-left: 1px dotted;
    height: 15px;
}
/* UC:mainheader1-design3 END */
/*mainheader2*/
/* UC:mainheader2-design1 START */
.mainheader2-design1 .form-buttons {
    display: flex;
    gap: 7px;
    align-items: center;
}
.show-label.mainheader2-design1 .form-buttons {
    margin-top: 20px;
}
.mainheader2-design1 .form-buttons .btn {
    width: 100px;
    height: 35px;
    padding: 0;
    border-radius: 50px;
}
.mainheader2-design1 .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}
.mainheader2-design1 .form-icon {
    padding: 8px 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mainheader2-design1 .topbar-content {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 12px;
}
.mainheader2-design1 .topbar-content .datetime span,
.mainheader2-design1 .content a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    line-height: 1;
}
.mainheader2-design1 .topbar-content .content.livechat a {
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 5px;
}
.mainheader2-design1 .topbar-content .content.android a {
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 5px;
}
.mainheader2-design1 .input-form-group {
    width: 140px;
}
.mainheader2-design1 .topbar-content .content {
    position: relative;
}
.mainheader2-design1 .topbar-content .border {
    border-left: 1px dotted;
    height: 15px;
}
/* UC:mainheader2-design1 END */
/* UC:mainheader2-design2 START */
.mainheader2-design2 .form-buttons {
    display: flex;
    align-items: center;
}
.show-label.mainheader2-design2 .form-buttons {
    margin-top: 20px;
}
.mainheader2-design2 .form-buttons .btn {
    width: 80px;
    height: 25px;
    padding: 0;
}
.mainheader2-design2 .form-buttons .btn.register-button {
    border-radius: 0;
    border: 0;
    border-left: 1px solid;
}
.mainheader2-design2 .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}
.mainheader2-design2 .form-icon {
    padding: 8px 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mainheader2-design2 .topbar-content {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 12px;
}
.mainheader2-design2 .topbar-content .datetime span,
.mainheader2-design2 .content a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    line-height: 1;
}
.mainheader2-design2 .input-form-group {
    width: 140px;
}
.mainheader2-design2 .topbar-content .content {
    position: relative;
}
.mainheader2-design2 .topbar-content .border {
    border-left: 1px dotted;
    height: 15px;
}
/* UC:mainheader2-design2 END */
/* UC:mainheader2-design3 START */
.mainheader2-design3 .form-buttons {
    display: flex;
    gap: 7px;
    align-items: center;
}
.show-label.mainheader2-design3 .form-buttons {
    margin-top: 20px;
}
.mainheader2-design3 .form-buttons .btn {
    width: 130px;
}
.mainheader2-design3 .header-container .form-icon {
    border-radius: 50px;
    border: 1px solid;
}
.mainheader2-design3 .header-container .input-captcha-group {
    flex-direction: row-reverse;
}
.mainheader2-design3 .header-container .input-form-group,
.mainheader2-design3 .header-container .input-captcha {
    border: none;
}
.mainheader2-design3 .header-container .form-control,
.mainheader2-design3 .header-container .show-password-btn {
    height: 32px;
    border-radius: 0 !important;
    border-bottom: 1px solid;
}
.mainheader2-design3 .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}
.mainheader2-design3 .form-icon {
    padding: 8px 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mainheader2-design3 .topbar-content {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 12px;
}
.mainheader2-design3 .topbar-content .datetime span,
.mainheader2-design3 .content a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    line-height: 1;
}
.mainheader2-design3 .input-form-group {
    width: 140px;
}
.mainheader2-design3 .topbar-content .content {
    position: relative;
}
.mainheader2-design3 .topbar-content .border {
    border-left: 1px dotted;
    height: 15px;
}
/* UC:mainheader2-design3 END */
/*mainheader3*/
/* UC:mainheader3-design1 START */
.mainheader3-design1 .form-buttons {
    display: flex;
    gap: 7px;
    align-items: center;
    flex-direction: column;
}
.show-label.mainheader3-design1 .form-buttons {
    margin-top: 20px;
}
.mainheader3-design1 .form-buttons .btn {
    width: 90px;
    height: 35px;
    padding: 0;
    border-radius: 5px;
}
.mainheader3-design1 .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}
.label-none.topbar-none.mainheader3-design1 .header-content {
    padding-top: 10px;
}
.show-label.topbar-none.mainheader3-design1 .header-content {
    padding-top: 15px;
}
.mainheader3-design1 .form-icon {
    padding: 8px 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mainheader3-design1 .topbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainheader3-design1 .topbar-content {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 10px;
}
.mainheader3-design1 .topbar-content .datetime span,
.mainheader3-design1 .content a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    line-height: 1;
}
.mainheader3-design1 .input-form-group {
    width: 140px;
}
.mainheader3-design1 .topbar-content .content {
    position: relative;
}
.mainheader3-design1 .topbar-content .border {
    border-left: 1px dotted;
    height: 15px;
}
/* UC:mainheader3-design1 END */
/*mainheader4*/
/* UC:mainheader4-design1 START */
.mainheader4-design1 .container > .row {
    align-items: center;
}
.mainheader4-design1 .form-buttons {
    display: flex;
    gap: 7px;
    justify-content: flex-end;
}
.mainheader4-design1 .form-buttons .btn {
    width: 90px;
    height: 35px;
    padding: 0;
    border-radius: 50px;
}
/* UC:mainheader4-design1 END */
/*mainheader5*/
/* UC:mainheader5-design1 START */
.mainheader5-design1 .container > .row {
    align-items: center;
}
.mainheader5-design1 .search-filter-container .row {
    align-items: unset;
}
.mainheader5-design1 .logo-container img {
    max-height: 60px;
}
.mainheader5-design1 .search-game-container .search-game-content {
    position: relative;
}
.mainheader5-design1 .search-game-container .search-gamegroup-form {
    display: flex;
}
.mainheader5-design1 .search-game-container .input-search {
    display: flex;
    width: 100%;
}
.mainheader5-design1 .search-game-container .input-search::before {
    content: "";
    width: 5px;
    display: block;
    height: 60px;
}
.mainheader5-design1 .search-game-container .input-search .form-control {
    font-size: 18px;
    height: 95%;
    border-radius: 0px !important;
}
.mainheader5-design1 .search-game-container .input-search span {
    padding: 15px 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    border: 1px solid;
    height: 95%;
}
.mainheader5-design1 .search-game-container .search-game-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow-y: auto;
    max-height: 440px;
}
.mainheader5-design1 .search-game-container .game-result-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px;
}
.mainheader5-design1 .search-game-container .game-result-info {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 10px;
}
.mainheader5-design1 .search-game-container .game-result-info img {
    max-width: 80px;
}
.mainheader5-design1 .search-game-container .game-result-description {
    display: flex;
    flex-direction: column;
}
.mainheader5-design1 .search-game-container .game-result-name {
    font-size: 15px;
}
.mainheader5-design1 .search-game-container .game-result-group {
    font-size: 12px;
}
.mainheader5-design1 .search-game-container .game-result-btn {
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-weight: 700;
    width: 100px;
    line-height: 1;
}
.mainheader5-design1 .search-game-container .showmore-btn {
    display: flex;
    justify-content: center;
}
.mainheader5-design1 .search-game-container .showmore {
    width: 30px;
    height: 30px;
    background-size: cover !important;
}
.mainheader5-design1 .search-game-container .search-game-body {
    margin-bottom: 10px;
}
.mainheader5-design1 .search-game-container .search-game-footer {
    text-align: right;
}
.mainheader5-design1 .filter-gamegroup-container {
    padding-left: 0;
    display: flex;
    justify-content: center;
}
.mainheader5-design1 .filter-gamegroup-container .filter-gamegroup-content {
    width: 80%;
    height: 95%;
    display: flex;
    position: relative;
}
.mainheader5-design1 .filter-gamegroup-container .filter-button-group {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    position: relative;
    border: 1px solid;
}
.mainheader5-design1 .search-game-container .search-game-result,
.mainheader5-design1 .filter-gamegroup-container .filter-gamegroup-result {
    position: absolute;
    top: 65px;
    border-radius: 5px;
    z-index: 1000;
    padding: 15px 20px;
    display: none;
    border: 1px solid;
}
.mainheader5-design1 .search-game-container .search-game-result {
    width: 420px;
    left: 0;
}
.mainheader5-design1 .filter-gamegroup-container .filter-gamegroup-result {
    width: 350px;
    right: 0;
}
.mainheader5-design1 .search-game-container .search-game-header,
.mainheader5-design1 .filter-gamegroup-container .filter-result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.mainheader5-design1 .search-game-container .search-game-header label,
.mainheader5-design1 .filter-gamegroup-container .filter-result-header label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
}
.mainheader5-design1 .search-game-container .search-game-count {
    padding: 5px 10px;
    line-height: 1;
    border-radius: 5px;
}
.mainheader5-design1 .filter-gamegroup-container .filter-result-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.mainheader5-design1 .filter-gamegroup-container .filter-result-body label {
    font-size: 13px;
}
.mainheader5-design1 .filter-gamegroup-container .filter-gamegroup-btn {
    font-size: 14px;
    border: none;
    border-radius: 5px;
    padding: 6px 10px;
}
.mainheader5-design1 .filter-gamegroup-container .gameprovider-container .svg-icon {
    width: 30px;
    height: 30px;
}
.mainheader5-design1 .filter-gamegroup-container .gameprovider-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.mainheader5-design1 .filter-gamegroup-container .gameprovider-container .gameprovider {
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    padding: 2px 5px;
}
.mainheader5-design1 .filter-gamegroup-container .gameprovider-btn {
    font-size: 14px;
    border: none;
}
.mainheader5-design1 .form-buttons {
    display: flex;
    gap: 7px;
    justify-content: flex-end;
}
.mainheader5-design1 .form-buttons .btn.register-button {
    width: 150px;
    height: 45px;
    border: 0;
    transform: translateX(0);
    transition: transform 0.3s ease-out;
}
.mainheader5-design1 .form-buttons .btn.register-button:hover,
.mainheader5-design1 .form-buttons .btn.register-button.active,
.mainheader5-design1 .form-buttons .btn.register-button:active,
.mainheader5-design1 .form-buttons .btn.register-button.focus,
.mainheader5-design1 .form-buttons .btn.register-button:focus {
    transform: translateX(10px);
}
/* UC:mainheader5-design1 END */

/*mainnavbar*/
/* UC:mainnavbar-common START */
/*proudct game folder*/
.mainnavbar-container .gameprovider-menu {
    gap: 20px;
    padding: 20px 15px;
}
.mainnavbar-container .navbar-nav > li > a > span.glyphicon  {
    top: 0px;
    font-size: 18px;
}
.mainnavbar-container .navbar-nav > li > a,
.mainnavbar-container .navbar-nav .open > a,
.mainnavbar-container .navbar-nav .open > a:hover {
    display: flex;
    align-items: center;
    gap: 5px;
    border-top: 3px solid;
    border-bottom: 3px solid;
    white-space: nowrap;
}
.mainnavbar-container .navbar-nav .open .dropdown-menu {
    position: absolute;
}
.mainnavbar-container .navbar-container {
    position: inherit;
}
.mainnavbar-container .navbar-nav > li.gamemenu {
    position: inherit;
}
.mainnavbar-container .navbar-nav > li.gamemenu > ul {
    padding: 0;
    border: none;
    top: initial;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1200px;
    border-bottom: 3px solid;
    z-index: 999;
}
.mainnavbar-container .navbar-nav > li.gamemenu > ul.full-width-dropdown {
    max-width: unset;
}
.mainnavbar-container.show-download-desc .navbar-nav > li > a.mobile-button::before {
    content: 'New';
    transform: rotate(45deg);
    position: absolute;
    top: -1px;
    z-index: 1;
    right: -1px;
    font-size: 9px;
}
.mainnavbar-container.show-download-desc .navbar-nav > li > a.mobile-button::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 25px solid;
    border-right: 0px solid;
    border-top: 25px solid;
}
.mainnavbar-container.show-logo .logo-container img {
    max-height: 100px;
}
/* UC:mainnavbar-common END */
/*mainnavbar1*/
/* UC:mainnavbar1-design1 START */
.mainnavbar1-design1 .navbar-nav > li > a {
    flex-direction: row;
    padding: 7px 10px;
}
.mainnavbar1-design1 .svg-icon {
    width: 20px;
    height: 20px;
}
.mainnavbar1-design1 .special-icon-size .svg-icon {
    width: 40px;
}
/* UC:mainnavbar1-design1 END */
/* UC:mainnavbar1-design2 START */
.mainnavbar1-design2 .navbar-nav > li > a {
    flex-direction: row;
    padding: 7px 10px;
}
.mainnavbar1-design2 .svg-icon,
.mainnavbar1-design12 .svg-icon {
    width: 20px;
    height: 20px;
}
.mainnavbar1-design2 .svg-icon,
.mainnavbar1-design12 .svg-icon {
    display: none;
}
.mainnavbar1-design2 .special-icon-size .svg-icon,
.mainnavbar1-design12 .special-icon-size .svg-icon {
    width: 40px;
}
/* UC:mainnavbar1-design2 END */
/* UC:mainnavbar1-design3 START */
.mainnavbar1-design3 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design3 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design3 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design3 .navbar-nav > li {
    width: 80px;
}
.mainnavbar1-design3 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design3 .navbar-content {
    display: flex;
    flex-direction: column;
}
.mainnavbar1-design3 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: flex-end;
}
/* UC:mainnavbar1-design3 END */
/* UC:mainnavbar1-design4 START */
.mainnavbar1-design4 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design4 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design4 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design4 .navbar-nav > li {
    width: 80px;
}
.mainnavbar1-design4 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design4 .navbar-content {
    display: flex;
    flex-direction: column;
}
.mainnavbar1-design4 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: flex-end;
}
.mainnavbar1-design4 > .container {
    border-top: 1px solid;
}
/* UC:mainnavbar1-design4 END */
/* UC:mainnavbar1-design5 START */
.mainnavbar1-design5 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design5 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design5 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design5 .navbar-nav > li {
    width: 80px;
}
.mainnavbar1-design5 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design5 .navbar-content {
    display: flex;
    flex-direction: column;
}
.mainnavbar1-design5 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}
.mainnavbar1-design5 {
    border-top: 2px solid;
}
.mainnavbar1-design5 {
    border-bottom: 2px solid;
}
/* UC:mainnavbar1-design5 END */
/* UC:mainnavbar1-design6 START */
.mainnavbar1-design6 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design6 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design6 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design6 .navbar-nav > li {
    width: 80px;
}
.mainnavbar1-design6 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design6 .navbar-content {
    display: flex;
    flex-direction: column;
}
.mainnavbar1-design6 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: flex-end;
}
.mainnavbar1-design6 {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/* UC:mainnavbar1-design6 END */
/* UC:mainnavbar1-design7 START */
.mainnavbar1-design7 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design7 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design7 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design7 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design7 {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/* UC:mainnavbar1-design7 END */
/* UC:mainnavbar1-design8 START */
.mainnavbar1-design8 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design8 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design8 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design8 .navbar-nav > li {
    width: 80px;
}
.mainnavbar1-design8 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design8 .navbar-content {
    display: flex;
    flex-direction: column;
}
.mainnavbar1-design8 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: flex-end;
}
.mainnavbar1-design8 {
    border-bottom: 4px solid;
}
/* UC:mainnavbar1-design8 END */
/* UC:mainnavbar1-design9 START */
.mainnavbar1-design9 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design9 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design9 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design9 .navbar-nav > li {
    width: 80px;
}
.mainnavbar1-design9 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design9 .navbar-content {
    display: flex;
    flex-direction: column;
}
.mainnavbar1-design9 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}
.mainnavbar1-design9 {
    border-top: 4px solid;
}
/* UC:mainnavbar1-design9 END */
/* UC:mainnavbar1-design10 START */
.mainnavbar1-design10 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design10 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design10 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design10 .navbar-nav > li {
    width: 80px;
}
.mainnavbar1-design10 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
.mainnavbar1-design10 .navbar-content {
    display: flex;
    flex-direction: column;
}
.mainnavbar1-design10 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}
.mainnavbar1-design10 {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/* UC:mainnavbar1-design10 END */
/* UC:mainnavbar1-design11 START */
.mainnavbar1-design11 .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 12px;
    flex-direction: column;
    padding: 18px 5px;
}
.mainnavbar1-design11 .svg-icon {
    width: 35px;
    height: 35px;
}
.mainnavbar1-design11 .special-icon-size .svg-icon {
    width: 60px;
}
.mainnavbar1-design11 .navbar-nav > li > a > span.glyphicon {
    top: 1px;
    font-size: 35px;
}
/* UC:mainnavbar1-design11 END */
/* UC:mainnavbar1-design12 START */
.mainnavbar1-design12 {
    padding: 5px 0px;
}
.mainnavbar1-design12 .navbar-nav > li > a {
    flex-direction: row;
    padding: 7px 10px;
}
.mainnavbar1-design12 .svg-icon {
    width: 20px;
    height: 20px;
}
.mainnavbar1-design12 .svg-icon {
    display: none;
}
.mainnavbar1-design12 .special-icon-size .svg-icon {
    width: 40px;
}
.mainnavbar1-design12.mainnavbar-container .navbar-nav > li > a,
.mainnavbar1-design12.mainnavbar-container .navbar-nav .open > a,
.mainnavbar1-design12.mainnavbar-container .navbar-nav .open > a:hover {
    border: 1px solid;
}
/* UC:mainnavbar1-design12 END */

/*online-player*/
/*online-player1*/
/* UC:onlineplayer1-design1 START */
.onlineplayer1-design1 h1 {
    margin: 0;
    text-align: center;
}
.onlineplayer1-design1 .container {
    border-radius: 5px;
    border: 1px solid;
}
.onlineplayer1-design1 .row {
    padding: 10px;
    justify-content: center;
}
.onlineplayer1-design1 .online-player-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0px 0px 0px;
}
.onlineplayer1-design1 .country-content {
    width: 12.5%;
    padding: 5px;
}
.onlineplayer1-design1 .country-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px;
    border-radius: 5px;
    gap: 5px;
}
.onlineplayer1-design1 .country-data img {
    width:65px;
    height:65px;
}
.onlineplayer1-design1 .country-name {
    white-space: nowrap;
}
.onlineplayer1-design1 .total-player-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.onlineplayer1-design1 .total-player {
    font-size: 12px;
}
.onlineplayer1-design1 .player-text {
    font-size: 12px;
    white-space: nowrap;
}
/* UC:onlineplayer1-design1 END */

/*poweredby*/
/*poweredby1*/
/* UC:poweredby-common START */
.poweredby-border-top-1 .poweredby-container > .container,
.poweredby-border-top-1.poweredby-container > .container {
    border-top: 1px solid;
}
.poweredby-border-top-dot-1 .poweredby-container > .container,
.poweredby-border-top-dot-1.poweredby-container > .container {
    border-top: 1px dotted;
}
.poweredby-container .poweredby-content {
    margin: 25px;
}
/* UC:poweredby-common END */

/*Site Stats*/
/*sitestats1*/
/* UC:sitestats1-design1 START */
.sitestats1-design1 {
    font-family: Arial;
}
.sitestats1-design1 .info-container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    border-top: 1px solid;
}
.sitestats1-design1 .info-container > .info-col {
    padding: 5px 10px;
}
.sitestats1-design1 .info-row {
    display: flex;
    flex-flow: row nowrap;
    padding: 1px 0;
}
.sitestats1-design1 .two-rows {
    flex: 2;
}
.sitestats1-design1 .info-col {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
}
.sitestats1-design1 .info-col.border-left-right {
    border-left: 1px solid;
    border-right: 1px solid;
}
.sitestats1-design1 .info-subtitle, .info-label {
    justify-content: center;
}
.sitestats1-design1 .info-label {
    justify-content: center;
    text-align: right;
    padding-left: 10px;
    flex: 0.5;
}
.sitestats1-design1 .info-label2 {
    justify-content: center;
    text-align: right;
}
.sitestats1-design1 .item-container {
    position: relative;
}
.sitestats1-design1 .item-container.item-number {
    text-align: right;
}
.sitestats1-design1 .item-text {
    position: absolute;
    font-weight: bold;
    font-size: 30px;
    top: 3px;
    right: 16px;
}
.sitestats1-design1 .info-number {
    justify-content: center;
    text-align: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
}
.sitestats1-design1 .item-bg {
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
}
.sitestats1-design1 .icon-members {
    display: inline-block;
    width: 40px;
    height: 40px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 4px;
}
.sitestats1-design1 .info-progress {
    width: 100%;
}
.sitestats1-design1 .info-progress .progress {
    padding: 2px 3px;
    border-radius: 10px;
    margin-top: 4px;
    margin-bottom: 2px;
}
.sitestats1-design1 .info-progress .progress .progress-bar {
    border-radius: 8px;
}
/* UC:sitestats1-design1 END */

/*slot*/
/*slot1*/
/* UC:slot1-design1 START */
.slot1-design1 .slot-title {
    margin: 5px 0;
    font-weight: bold;
}
.slot1-design1 .slot-game-provider-bar {
    display: flex;
    align-items: center;
    padding: 5px 0px;
}
.slot1-design1 .tab-arrow {
    padding: 5px;
    font-size: 18px;
}
.slot1-design1 .provider-bar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    gap: 5px;
}
.slot1-design1 .provider-bar li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    height: 70px;
}
.slot1-design1 .provider-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.slot1-design1 .hover-svg-icon {
    opacity: 0;
    position: absolute;
}
.slot1-design1 li.selected .default-svg-icon {
    opacity: 0;
}
.slot1-design1 li.selected .hover-svg-icon {
    opacity: 1;
}
.slot1-design1 .svg-icon {
    width: 90px;
    height: 45px;
}
.slot1-design1 .provider-slot-game-list {
    border: 1px solid;
}
.slot1-design1 .provider-slot-game {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    padding: 10px 25px;
    gap: 5px;
    text-align: center;
    white-space: nowrap;
}
.slot1-design1 p {
    margin: 0;
}
/* UC:slot1-design1 END */
/* UC:slot1-design2 START */
.slot1-design2 .slot-title {
    margin: 5px 0;
    -webkit-background-clip: text !important;
    font-weight: bold;
}
.slot1-design2 .slot-game-provider-bar {
    display: flex;
    align-items: center;
    padding: 0;
}
.slot1-design2 .tab-arrow {
    position: absolute;
    padding: 5px;
    font-size: 18px;
}
.slot1-design2 .tab-arrow.left {
    left: -20px;
}
.slot1-design2 .tab-arrow.right {
    right: -20px;
}
.slot1-design2 .provider-bar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
}
.slot1-design2 .provider-bar li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    height: 55px;
}
.slot1-design2 .provider-bar li.selected {
    border: 2px solid;
    border-bottom: 0;
    border-image-slice: 1;
    filter: none;
}
.slot1-design2 .provider-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.slot1-design2 .hover-svg-icon {
    opacity: 0;
    position: absolute;
}
.slot1-design2 li.selected .default-svg-icon {
    opacity: 0;
}
.slot1-design2 li.selected .hover-svg-icon {
    opacity: 1;
}
.slot1-design2 .svg-icon {
    width: 90px;
    height: 40px;
}
.slot1-design2 .provider-slot-game-list {
    border: 2px solid;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-slice: 1;
    margin-top: -2px;
}
.slot1-design2 .provider-slot-game {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    padding: 10px 25px;
    gap: 5px;
    text-align: center;
    white-space: nowrap;
}
.slot1-design2 p {
    margin: 0;
}
/* UC:slot1-design2 END */
/*slot2*/
/* UC:slot2-design1 START */
.slot2-design1 .slot-content {
    cursor: pointer;
}
.slot2-design1 .svg-icon {
    width: 250px;
    height: 90px;
}
.slot2-design1 {
    height: 580px;
    background-size: cover !important;
}
.slot2-design1 .slot-left-content {
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    gap: 30px;
    top: 70px;
    position: absolute;
}
.slot2-design1 .game-icon {
    flex: 1 1 30%;
}
.slot2-design1 .slot-right-content {
    width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: absolute;
    right: 0;
    top: 60px;
}
.slot2-design1 .content-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.slot2-design1 .game-type,
.slot2-design1 .game-description {
    margin: 0;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: bold;
    font-family: 'Arial';
    margin-bottom: 30px;
}
.slot2-design1 .game-description {
    font-size: 30px;
}
.slot2-design1 .animation-slot-arrow {
    width: 64px;
    height: 78px;
}
.slot2-design1 .ply-now-img {
    width: 274px;
    height: 94px;
}
/* UC:slot2-design1 END */
/*slot3*/
/* UC:slot3-design1 START */
.slot3-design1 .slot-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.slot3-design1 .slot-content {
    cursor: pointer;
}
.slot3-design1 .slot-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.slot3-design1 .provider-name {
    font-size: 22px;
    line-height: 35px;
    margin: 0px 10px;
}
.slot3-design1 .slot-header a {
    font-size: 18px;
    padding-left: 40px;
    padding-right: 40px;
    height: 35px;
    display: flex;
    align-items: center;
}
.slot3-design1 .slot-body {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}
.slot3-design1 .slot-name {
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
}
/* UC:slot3-design1 END */
/*slot4*/
/* UC:slot4-design1 START */
.slot4-design1 .slot-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.slot4-design1 .slot-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.slot4-design1 .category-content {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.slot4-design1 .category-icon {
    display: block;
    width: 18px;
    height: 18px;
    background-size: contain !important;
}
.slot4-design1 .line {
    margin-left: 10px;
    margin-right: 10px;
    flex-grow: 1;
    height: 2px;
}
.slot4-design1 .new .category-icon {
    background-size: contain !important;
}
.slot4-design1 .promo .category-icon {
    background-size: contain !important;
}
.slot4-design1 .tournament .category-icon {
    background-size: contain !important;
}
.slot4-design1 .hot .category-icon {
    background-size: contain !important;
}
.slot4-design1 .exclusive .category-icon {
    background-size: contain !important;
}
.slot4-design1 .jackpot .category-icon {
    background-size: contain !important;
}
.slot4-design1 .bonus .category-icon {
    background-size: contain !important;
}
.slot4-design1 .slot-header a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 35px;
    border-radius: 18px;
}
.slot4-design1 .slot-body {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}
.slot4-design1 .slot-game {
    padding: 10px;
    border-radius: 18px;
    text-align: center;
    cursor: pointer;
}
/* UC:slot4-design1 END */
/*slot5*/
/* UC:slot5-design1 START */
.slot5-design1 .slot-title {
    font-weight: bold;
    font-size: 16px;
}
.slot5-design1 .slot-game-provider-bar {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    border: 1px solid;
}
.slot5-design1 .tab-arrow {
    padding: 5px;
    font-size: 18px;
}
.slot5-design1 .provider-bar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    gap: 5px;
    align-items: center;
}
.slot5-design1 .provider-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
    gap: 2px;
}
.slot5-design1 .provider-bar .provider {
    min-width: 120px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slot5-design1 .provider-tab .icon-group {
    display: flex;
}
.slot5-design1 .hover-svg-icon {
    opacity: 0;
    position: absolute;
}
.slot5-design1 li.selected .default-svg-icon {
    opacity: 0;
}
.slot5-design1 li.selected .hover-svg-icon {
    opacity: 1;
}
.slot5-design1 .svg-icon {
    width: 100px;
    height: 30px;
}
.slot5-design1 .provider-slot-game-list {
    border: 1px solid;
}
.slot5-design1 .provider-slot-game {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 10px 25px;
    gap: 10px;
}
.slot5-design1 p {
    margin: 0;
    text-align: center;
}
/* UC:slot5-design1 END */
/* UC:slot5-design2 START */
.slot5-design2 .slot-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}
.slot5-design2 .left-img,
.slot5-design2 .right-img {
    width: 240px;
}
.slot5-design2 .left-img,
.slot5-design2 .right-img {
    height: 20px;
}
.slot5-design2 .slot-title {
    font-size: 35px;
}
.slot5-design2 .slot-game {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.slot5-design2 .slot-game-provider-bar {
    display: flex;
    align-items: center;
    padding: 15px 0px;
    border: 2px solid;
    border-image-slice: 1;
}
.slot5-design2 .tab-arrow {
    padding: 15px;
    font-size: 20px;
}
.slot5-design2 .provider-bar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    gap: 5px;
    align-items: center;
}
.slot5-design2 .provider-bar .line {
    border-left: 1px dotted;
    height: 50px;
}
.slot5-design2 .provider-bar .provider {
    min-width: 90px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 2px solid transparent;
}
.slot5-design2 .provider-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
    gap: 2px;
    border-radius: 8px;
}
.slot5-design2 .provider-tab .icon-group {
    display: flex;
}
.slot5-design2 .hover-svg-icon {
    opacity: 0;
    position: absolute;
}
.slot5-design2 li.selected .default-svg-icon {
    opacity: 0;
}
.slot5-design2 li.selected .hover-svg-icon {
    opacity: 1;
}
.slot5-design2 .svg-icon {
    width: 45px;
    height: 45px;
}
.slot5-design2 p {
    margin: 0;
    text-align: center;
}
.slot5-design2 .provider-slot-game {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}
.slot5-design2 .provider-slot-game img {
    padding: 10px 20px;
}
.slot5-design2 .provider-slot-game p {
    padding: 10px;
}
/* UC:slot5-design2 END */
/*slot6*/
/* UC:slot6-design1 START */
.slot6-design1 .slot-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.slot6-design1 .slot-title {
    font-size: 18px;
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.slot6-design1 span {
    white-space: nowrap;
}
.slot6-design1 .svg-icon {
    width: 30px;
    height: 30px;
}
.slot6-design1 .svg-icon.special-icon-size {
    width: 55px;
}
.slot6-design1 .game-count {
    width: 44px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 10px;
}
.slot6-design1 .slot-button {
    display: flex;
    gap: 10px;
}
.slot6-design1 .pre-next-btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 5px;
}
.slot6-design1 .pre-btn,
.slot6-design1 .next-btn {
    padding: 8px;
    border: 1px solid;
}
.slot6-design1 .all-game {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0px 10px;
    border: 1px solid;
}
.slot6-design1 .best-slot-game {
    padding-left: 0;
    padding-right: 10px;
}
.slot6-design1 .best-slot-bg {
    padding-top: 42.6%;
    border-radius: 5px;
    margin-bottom: 5px;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.slot6-design1 .slot-game-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 208px;
}
.slot6-design1 #tween-slot-container {
    position: absolute;
    height: inherit;
}
.slot6-design1 .slot-game {
    float: left;
    padding: 0 3px;
    width: 170px;
    height: inherit;
}
.slot6-design1 .slot-game-content {
    position: relative;
    height: inherit;
}
.slot6-design1 .slot-game-content img {
    cursor: pointer;
    padding: 10px;
}
.slot6-design1 .slot-game-info {
    position: absolute;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0px 10px 0px;
    width: 100%;
    cursor: pointer;
}
/* UC:slot6-design1 END */

/*subbanner*/
/* UC:subbanner-common START */
.subbanner-container .subbanner-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 250px;
}
.subbanner-container #tween-subbanner-container {
    position: absolute;
}
.subbanner-container .subbanner-box {
    float: left;
    padding: 0 3px;
    cursor: pointer;
    width: 200px;
}
/* UC:subbanner-common END */
/*subbanner1*/
/* UC:subbanner1-design1 START */
.subbanner1-design1 .subbanner-list-mask {
    background-position: top center, bottom center;
    background-repeat: no-repeat, no-repeat;
    padding-top: 42px;
    padding-bottom: 68px;
    background-size: contain;
}
/* UC:subbanner1-design1 END */
/* UC:subbanner1-design2 START */
.subbanner1-design2 {
    width: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: initial;
}
.subbanner1-design2 .subbanner-list-mask {
    margin: 60px auto;
}
/* UC:subbanner1-design2 END */
/* UC:subbanner1-design3 START */
.subbanner1-design3 .subbanner-box img {
    border: 1px solid;
    border-radius: 8px;
}
/* UC:subbanner1-design3 END */

/*togeldingdong*/
/*togeldingdong1*/
/* UC:togeldingdong1-design1 START */
.togeldingdong1-design1 .video-content {
    padding: 0px 10px;
}
.togeldingdong1-design1 #video-tab {
    font-size: 15px;
}
.togeldingdong1-design1 #video-tab > li > a {
    padding: 5px 0px;
    margin-bottom: 0px;
    border: 1px solid;
}
.togeldingdong1-design1 #video-tab > li.active > a, 
.togeldingdong1-design1 #video-tab > li.active > a:hover, 
.togeldingdong1-design1 #video-tab > li.active > a:focus {
    border: 1px solid ;
    border-bottom: 1px solid ;
}
.togeldingdong1-design1 .result-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 15px;
    padding: 15px 10px 10px 10px;
    border-radius: 5px;
    border: 1px solid;
}
.togeldingdong1-design1 .result-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}
.togeldingdong1-design1 .result-title {
    font-size: 18px;
}
.togeldingdong1-design1 .result-date-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.togeldingdong1-design1 .result-date {
    font-size: 13px;
}
.togeldingdong1-design1 .result-body {
    height: 200px;
    overflow: hidden;
    position: relative;
}
.togeldingdong1-design1 #tween-togel-container,
.togeldingdong1-design1 #tween-dingdong-container {
    position: absolute;
}
.togeldingdong1-design1 .game-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    float: left;
    width: 100%;
}
.togeldingdong1-design1 .game img {
    width: 32px;
    height: 32px;
}
/* UC:togeldingdong1-design1 END */
/*togel1*/
/* UC:togel1-design1 START */
.togel1-design1 .togel-list {
    display: flex;
    flex-wrap: wrap;
}
.togel1-design1 .togel-content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1 1 16%;
    text-align: center;
    height: 200px;
    margin-bottom: 10px;
    cursor: pointer;
}
.togel1-design1 .togel-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
}
.togel1-design1 .togel-time {
    font-size: 12px;
}
.togel1-design1 .togel-title,
.togel1-design1 .togel-date {
    font-size: 14px;
}
.togel1-design1 .togel-result {
    line-height: 1;
    font-weight: bold;
    font-size: 48px;
}
/* UC:togel1-design1 END */
/* UC:togel1-design2 START */
.togel1-design2 .togel-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.togel1-design2 .togel-content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 calc((100% - (6 * 10px)) / 7);
    gap: 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid;
}
.togel1-design2 .togel-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 72px;
    border-bottom: 1px solid;
}
.togel1-design2 .togel-time {
    font-size: 12px;
}
.togel1-design2 .togel-title,
.togel1-design2 .togel-date {
    font-size: 14px;
}
.togel1-design2 .togel-result {
    font-weight: bold;
    font-size: 43px;
}
/* UC:togel1-design2 END */
/*togelslide1*/
/* UC:togelslide1-design1 START */
.togelslide1-design1 .togel-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 156px;
}
.togelslide1-design1 #tween-togel-container {
    position: absolute;
}
.togelslide1-design1 .togel {
    float: left;
    padding: 0 3px;
    cursor: pointer;
}
.togelslide1-design1 .togel-content {
    text-align: center;
    cursor: pointer;
    border-radius: 13px;
    border: 2px solid;
}
.togelslide1-design1 .togel-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0px;
    border-radius: 10px 10px 0px 0px;
}
.togelslide1-design1 .togel-result {
    font-size: 45px;
    font-weight: bold;
}
.togelslide1-design1 .togel-link a {
    text-decoration: underline;
}
.togelslide1-design1 .togel-date {
    padding: 10px 0px 5px 0px;
    font-size: 14px;
}
/* UC:togelslide1-design1 END */
/* UC:togelslide1-design2 START */
.togelslide1-design2 .togel-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 125px;
}
.togelslide1-design2 #tween-togel-container {
    position: absolute;
}
.togelslide1-design2 .togel {
    float: left;
    padding: 0 3px;
    cursor: pointer;
}
.togelslide1-design2 .togel-content {
    padding: 5px 0px;
    text-align: center;
    cursor: pointer;
    border-radius: 13px;
    font-size: 14px;
    border: 2px solid;
}
.togelslide1-design2 .togel-title {
    margin: 0px 5px;
    padding: 5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 13px 13px 0px 0px;
    overflow: hidden;
}
.togelslide1-design2 .togel-result {
    margin: 0px 5px;
    font-size: 40px;
    font-weight: bold;
    border-bottom: 1px solid;
}
.togelslide1-design2 .togel-link {
    display: none;
}
.togelslide1-design2 .togel-date {
    padding: 5px 0px;
}
/* UC:togelslide1-design2 END */
/*togelslide2*/
/* UC:togelslide2-design1 START */
.togelslide2-design1 .togel-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 156px;
}
.togelslide2-design1 #tween-togel-container {
    position: absolute;
}
.togelslide2-design1 .togel {
    float: left;
    padding: 0 1px;
    cursor: pointer;
}
.togelslide2-design1 .togel-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    width: 125px;
    height: 156px;
}
.togelslide2-design1 .togel-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
}
.togelslide2-design1 .togel-time {
    font-size: 11px;
}
.togelslide2-design1 .togel-title,
.togelslide2-design1 .togel-date {
    font-size: 12px;
}
.togelslide2-design1 .togel-result {
    line-height: 1;
    font-weight: bold;
    font-size: 30px;
}
/* UC:togelslide2-design1 END */
/*togelslide3*/
/* UC:togelslide3-design1 START */
.togelslide3-design1 .togel-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 125px;
}
.togelslide3-design1 #tween-togel-container {
    position: absolute;
}
.togelslide3-design1 .togel {
    float: left;
    padding: 0 3px;
    cursor: pointer;
}
.togelslide3-design1 .togel-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 14px;
    border-radius: 13px;
    padding: 10px 0px;
    cursor: pointer;
    border: 2px solid;
}
.togelslide3-design1 .togel-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.togelslide3-design1 .result-digit {
    display: inline-block;
    width: 34px;
    height: 34px;
}
.togelslide3-design1 .togel-link a {
    text-decoration: underline;
}
/* UC:togelslide3-design1 END */
/*togelslide4*/
/* UC:togelslide4-design1 START */
.togelslide4-design1 .togel-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 170px;
}
.togelslide4-design1 #tween-togel-container {
    position: absolute;
}
.togelslide4-design1 .togel {
    float: left;
    padding: 0 3px;
    cursor: pointer;
}
.togelslide4-design1 .togel-content {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px 0px;
    cursor: pointer;
    border: 2px solid;
}
.togelslide4-design1 .togel-title {
    font-size: 20px;
    text-transform: uppercase;
}
.togelslide4-design1 .togel-result {
    font-size: 48px;
    border-radius: 10px;
    margin: 12px 8px 0px 8px;
    border: 4px dotted;
}
/* UC:togelslide4-design1 END */
/*togelslide5*/
/* UC:togelslide5-design1 START */
.togelslide5-design1 .togel-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 190px;
}
.togelslide5-design1 #tween-togel-container {
    position: absolute;
}
.togelslide5-design1 .togel {
    float: left;
    padding: 0 3px;
    cursor: pointer;
}
.togelslide5-design1 .togel-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    font-size: 16px;
    padding: 10px 0px;
    cursor: pointer;
    border: 2px solid;
    background-size: 100% 100%;
    border-image-slice: 1;
}
.togelslide5-design1 .togel-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.togelslide5-design1 .togel-img img {
    width: 55px !important;
    border-radius: 15px;
    border: 2px solid;
}
.togelslide5-design1 .togel-result {
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
    font-size: 36px;
    font-weight: bold;
}
.togelslide5-design1 .togel-result .result-digit {
    width: 40px;
    border: 1px solid;
    border-radius: 10px;
}
.togelslide5-design1 .togel-result .result-digit span {
    -webkit-background-clip: text !important;
}
/* UC:togelslide5-design1 END */
/*togelslide6*/
/* UC:togelslide6-design1 START */
.togelslide6-design1 .togel-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.togelslide6-design1 .togel-title {
    font-size: 18px;
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.togelslide6-design1 span {
    white-space: nowrap;
}
.togelslide6-design1 .svg-icon {
    width: 30px;
    height: 30px;
}
.togelslide6-design1 .svg-icon.special-icon-size {
    width: 55px;
}
.togelslide6-design1 .game-count {
    width: 44px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 10px;
}
.togelslide6-design1 .togel-button {
    display: flex;
    gap: 10px;
}
.togelslide6-design1 .pre-next-btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 5px;
}
.togelslide6-design1 .pre-btn,
.togelslide6-design1 .next-btn {
    padding: 8px;
    border: 1px solid;
}
.togelslide6-design1 .all-game {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0px 10px;
    border: 1px solid;
}
.togelslide6-design1 .togel-list-mask {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 395px !important;
}
.togelslide6-design1 #tween-togel-container {
    position: absolute;
    padding-top: 15px;
}
.togelslide6-design1 .togel {
    float: left;
    padding: 0 3px;
    cursor: pointer;
}
.togelslide6-design1 .togel-content {
    cursor: pointer;
    font-size: 12px;
    border-radius: 13px;
    border: 1px solid;
}
.togelslide6-design1 .togel-content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}
.togelslide6-design1 .togel-content-img {
    width: 80px;
    height: 100px;
    top: -28px;
    position: relative;
}
.togelslide6-design1 .togel-content-img img{
    width: 53px !important;
    position: relative;
    top: 30px;
    left: 20px;
    border-radius: 15px;
    border: 2px solid;
}
.togelslide6-design1 .togel-content-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.togelslide6-design1 .togel-content-title-period span {
    display: flex;
    flex-direction: column;
    font-weight: bold;
}
.togelslide6-design1 .togel-content-title {
    font-size: 14px;
}
.togelslide6-design1 .togel-content-period {
    font-size: 20px;
}
.togelslide6-design1 .togel-content-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    text-align: center;
    height: 165px;
}
.togelslide6-design1 .full-first-result,
.togelslide6-design1 .first-result {
    font-size: 14px;
}
.togelslide6-design1 .second-result,
.togelslide6-design1 .third-result {
    padding: 10px;
}
.togelslide6-design1 .togel-line {
    width: 1px;
}
.togelslide6-design1 .second-third-result {
    font-size: 14px;
    display: flex;
    justify-content: space-evenly;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.togelslide6-design1 .togel-result {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.togelslide6-design1 .togel-result .result-digit {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    width: 38px;
    height: 38px;
    border-radius: 30px;
    margin-top: 12px;
    border: 1px solid;
}
.togelslide6-design1 .second-third-result .togel-result .result-digit {
    font-size: 16px;
    width: 28px;
    height: 28px;
}
.togelslide6-design1 .togel-content-footer {
    display: flex;
    justify-content: center;
    padding: 18px;
}
.togelslide6-design1 .togel-content-footer span {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    transition: .2s;
    border-radius: 5px;
}
/* UC:togelslide6-design1 END */

/*table*/
.table {
    margin-top: 15px;
    margin-bottom: 0;
}
.table-responsive {
    border: none;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, 
.table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, 
.table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid;
}
.table-header-st {
    text-align: center;
}
.table-row-st {
    text-align: center;
}
.table-row-st1 {
    text-align: center;
}
.table-header-st th {
    text-align: center;
}
.table-bordered.result-detail-table > tbody > tr > td {
    padding: 1px !important;
}
.table-bordered.result-detail-table > thead > tr > th {
    padding: 4px !important;
}
.table-bordered.result-detail-table > tbody > tr > td {
    padding: 1px !important;
}
/*page*/
.main-content {
    padding: 5px;
}
/*proudct game folder*/
.main-content .gameprovider-menu {
    padding: 10px 0px;
    gap: 20px;
}
/*lottery*/
.game-result-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.game-result-box {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - (4 * 10px)) / 5);
    gap: 5px;
    text-align: center;
    border: 2px solid;
    border-radius: 13px;
}
.game-result-title {
    padding: 7px 0px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.game-result-img {
    margin-top: 10px;
}
.game-result {
    font-size: 45px;
    font-weight: bold;
}
.game-result-link {
    margin-bottom: 20px;
}
.game-result-link a {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .game-result-box {
        flex: 0 0 calc((100% - (1 * 10px)) / 2);
    }
}
.main-content .content {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.main-content .content-body {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}
.main-content .content-body.enable-search {
    min-height: 150px;
}
/*dreambook & data & common*/
.extraTop {
    margin-top: 55px;
}
.main-content h2 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
}
.main-content .main-container .alert {
    margin: 10px 0;
}
.main-content .main-container,
.main-content .error-info {
    padding: 15px;
}
.main-content .data-container a:hover,
.main-content .data-container a:focus,
.main-content .dreambook-container a:hover,
.main-content .dreambook-container a:focus {
    text-decoration: underline;
}
.main-content .error-container .error-info  {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.main-content .error-container .error-icon  {
    font-size: 60px;
}
.main-content .error-container .error-text {
    font-size: 18px;
    margin: 5px 0;
}
.main-content .error-container .guid-text {
    font-size: 12px;
}
.main-content .error-container .error-info {
    border: 1px solid;
}
.main-content.dreambook-content .searchbar-container {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0;
    padding: 10px;
    display: none;
}
.main-content.dreambook-content .searchbar-container .container {
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.main-content.dreambook-content .searchbar-container .search-bar {
    display: flex;
    gap: 15px;
}
.main-content .dreambook-container .btn {
    margin: 10px 0;
}
.main-content .data-container .game-title {
    font-weight: bold;
}
.main-content .data-container .ball-result {
    padding: 6px !important;
}
.main-content .data-container .ball-result a {
    line-height:24px;
    width:24px;
    height:24px;
    border-radius:50%;
    display:inline-block;
    font-weight:bold;
}
.main-content .data-container .ball-result a:hover, 
.main-content .data-container .img-result a:hover, 
.main-content .data-container .ball-result a:active, 
.main-content .data-container .img-result a:active, 
.main-content .data-container .ball-result a:focus, 
.main-content .data-container .img-result a:focus {
    text-decoration:none;
}
.main-content .data-container .img-result {
    padding: 4px !important;
}
.main-content .data-container .img-result a img {
    width:28px;
    width:28px;
}
.main-content .data-container .btn {
    margin-top: 10px;
}
/*register*/
.main-content .register-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.main-content.register-content .register-img {
    min-height: 400px;
}
.main-content .register-form {
    position: relative;
    flex: 1 1 0;
}
/*loader*/
.main-content .register-form .loader img {
    top: 40%;
}
.main-content .content-form h2 {
    padding: 10px 15px;
}
.main-content .content-form .form-container {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.main-content .content-form .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}
.main-content .content-form .form-label {
    display: flex;
    justify-content: space-between;
    flex: 1 1 28%;
    margin-top: 10px;
    margin-bottom: 0;
}
.main-content .content-form .form-input {
    display: flex;
    flex-direction: column;
    flex: 1 1 70%;
}
.main-content .content-form .form-input.d-none {
    display: none;
}
.main-content .content-form .form-input-group {
    display: flex;
}
.main-content .content-form .country-code-input {
    flex: 1 1 60px;
}
.main-content .content-form hr {
    margin: 10px 0;
    width: 100%;
    border-top: 1px solid;
}
.main-content .content-form .code-form-group .form-input-group {
    gap: 10px;
}
.main-content .content-form .code-form-group .form-input-group input {
    flex: 0 0 45%;
}
.main-content .content-form .form-container .btn-group {
    margin-left: 30%;
}
.main-content .content-form .form-container .btn-group .btn {
    width: 100px;
    padding: 8px;
    border-radius: 50px;
}
/*landing, maintenance*/
body.landing-page .mainheader {
    margin-top: 35vh;
}
body.landing-page .contact-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0;
}
body.landing-page .contact-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
body.maintenance-page .maintenance-info {
    text-align: center;
    font-size: 15px;
}

/*modal*/
/*t1*/
.body-design1 .popup-modal .modal-header {
    border-bottom: 1px solid;
}
.body-design1 #popupCmsModal .modal-footer,
.body-design1 #popupMsgModal .modal-footer {
    border-top: 1px solid;
}

/*use in after & before login start*/
/*gamepage & gamebrand & gamelobby*/
.game-title-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*promo & articel & custom*/
.main-content .promo-container > ul,
.main-content .article-container > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.main-content .promo-container > ul > li,
.main-content .article-container > ul > li,
.main-content .content-info {
    border: 1px solid;
}
.main-content .promo-title h4 {
    margin: 0;
    font-weight: bold;
}
.main-content .promo-info {
    padding: 15px;
}
.main-content .promo,
.main-content .article {
    cursor: pointer;
    position: relative;
}
.main-content .promo-title {
    display: none;
}
.main-content .promo-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
/*cssSetting-promo*/
.main-content .promo-container.promopage-design1 > ul {
    gap: 0;
}
.main-content .promo-container.promopage-design1 > ul > li {
    border: none;
}
.main-content .promo-container.promopage-design2 .promo-btn {
    position: unset;
}
.main-content .promo-container.promopage-design2 .promo-btn .btn {
    width: 100%;
    border-radius: 0;
}
.main-content .promo-container.promopage-design3 .promo-footer {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-content .promo-container.promopage-design3 .promo-title {
    display: block;
}
.main-content .promo-container.promopage-design3 .promo-btn {
    position: unset;
}
.main-content .promo-container.btn-none .promo-btn {
    display: none;
}
/*article*/
.main-content .article-post {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.main-content .article-img {
    flex: 1 1 38%;
}
.main-content .article-info {
    flex: 1 1 60%;
}
.main-content .article-lists .article-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
/*custom*/
.main-content .content-info {
    padding: 15px;
    display: none;
}
.main-content.custom-content .btn-group-md,
.main-content .custom-content .btn-group-md {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}
/*promo & article & custom*/
/*t1*/
.maincontent-design1 .promo-content,
.maincontent-design1 .article-content {
    padding: 15px;
}
.maincontent-design1 .custom-content.content-inner-container {
    padding: 15px;
    border-radius: 3px;
    border: 1px solid;
}
/*use in after & before login end*/



/*use in after login start*/
/*sticky*/
.masterpage .eventContainer {
	position: fixed;
	z-index: 10;
	bottom: 100px;
	margin-left: 5px;
	width: 100px;
}
.masterpage .eventClsBtn:hover,
.masterpage .eventDiv :hover,
.masterpage .stickyEventRow :hover,
.masterpage .stickyEventClose :hover {
    cursor: pointer;
}
.masterpage .eventRow {
    margin-top: 8px;
    margin-left: 5px;
    height: 100px;
    position: relative;
}
.masterpage .eventContainer .eventDiv {
    position: absolute !important;
    left: 0px;
    top: 0px;
    margin: 0px !important;
}
.masterpage .eventContainer .eventDiv img {
	width: 100px;
	height: 100px;
}
.masterpage .eventContainer .eventClsBtn {
    top: -8px !important;
}
.masterpage .eventTicketNo {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
}
.masterpage .StickyEvent {
    position: fixed;
    z-index: 10;
    bottom: 100px;
    margin-left: 5px;
}
.masterpage .specialEventImage {
    position: relative;
    left: 0px;
    display: block;
    z-index: 10;
}
.masterpage .specialEventImage img {
	width: 100px;
	height: 100px;
	display: block;
}
.masterpage .stickyEventClose img {
    width: 50%;
    position: relative;
}
.masterpage .stickyEventRow {
    margin-top: 5px;
    margin-left: 5px;
}
.masterpage .stickyEventRow .stickyEventClose {
	z-index: 20;
	float: right;
	left: 25px;
	top: 10px;
	margin-top: 0px;
	position: relative;
}

/*masterheader*/
/*masterheader1*/
/*t1*/
.masterpage .masterheader1-design1 .logo-container,
.masterpage .masterheader1-design1 .rightheader-container {
    display: inline-block;
    vertical-align: top;
}
.masterpage .masterheader1-design1 .logomaster img {
    max-height: 40px;
}
.masterpage .masterheader1-design1 .rightheader-container {
    float: right;
}
.masterpage .masterheader1-design1 .infobox {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
.masterpage .masterheader1-design1 .infoinnerbox {
	display: inline-block;
	padding-top: 10px;
	padding-right: 15px;
}
.masterpage .masterheader1-design1 .refreshbox {
	display: inline-block;
	font-size: 24px;
	vertical-align: top;
	margin-top: 5px;
}
.masterpage .masterheader1-design1 .refreshbox a {
	padding: 5px;
}
.masterpage .masterheader1-design1 .btnrefresh {
	padding: 5px 5px 2px 5px;
}
.masterpage .masterheader1-design1 .labelplayer {
	text-align: right;
	display: block;
}
.masterpage .masterheader1-design1 .btnbox {
    margin-top: 3px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.masterpage .masterheader1-design1 .btnbox .btnmember {
    padding: 6px 12px;
}
.masterpage .masterheader1-design1 .btnbox .caret {
    margin-left: 5px;
    display: inline-block;
}
.masterpage .masterheader1-design1 .btnbox .glyphicon-user {
    display: inline-block;
    margin-right: 5px;
    line-height: 1;
}
.masterpage .masterheader1-design1 .iconbox-menu {
    display: none;
    position: absolute;
    max-width: 420px;
    font-size: 14px;
    text-align: left;
    z-index: 1000;
}
.masterpage .masterheader1-design1 .iconbox-menu.rightmenu {
    left: auto;
    right: 0px;
}
.masterpage .masterheader1-design1 .iconbox-menu .menutitle {
	width: 100%;
	height: 64px;
	padding: 0px;
}
.masterpage .masterheader1-design1 .iconbox-menu .menutitle .titlebox {
	width: 80px;
	padding-top: 6px;
	text-align: center;
	float: left;
}
.masterpage .masterheader1-design1 .iconbox-menu .menutitle .closebox {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	top: 17px;
	right: 10px;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > h4 {
	display: none;
	margin: 5px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	float: left;
	width: 100%;
	font-size: 14px;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul.innermenu {
	display: none;
	width: 100%;
	top: 0px;
	float: left;
	padding-bottom: 10px;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul {
	list-style: none;
	margin: 0px;
	padding: 5px;
	display: block;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li {
	width: 33.33%;
	float: left;
	position: relative;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a {
	white-space: nowrap;
	overflow: hidden;
	padding: 10px;
	margin: 5px;
	display: block;
	text-align: center;
    border: 1px solid;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a > img {
	margin: 0px auto;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a > span.glyphicon {
	margin: 0px auto;
	margin-bottom: 3px;
	display: block;
	font-size: 30px;
	width: 30px;
	height: 30px;
}
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a:hover,
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a:active,
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a:focus,
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a:focus:active,
.masterpage .masterheader1-design1 .iconbox-menu .innerbox > ul > li > a:active:focus {
    text-decoration: none;
}
.masterpage .masterheader1-design1 .iconbox-menu.rightmenu .innerbox > ul, 
.masterpage .masterheader1-design1 .iconbox-menu.rightmenu .innerbox > ul > li {
	float: right;
}
.masterpage .masterheader1-design1 .iconbox-menu.rightmenu .menutitle .titlebox .glyphicon {
	width: 100%;
}
.masterpage .masterheader1-design1 .iconbox-menu.rightmenu .menutitle .closebox {
	position: absolute;
	right: auto;
	left: 10px;
}
.masterpage .masterheader1-design1 .iconbox-menu.rightmenu .menutitle .titlebox {
	float: right;
	text-align: right;
	font-size: 14px;
	margin-right: 25px;
}
.masterpage .masterheader1-design1 .newMsg {
	margin-top: -15px;
	right: 0px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	display: block;
	font-size: 14px;
}
.masterpage .masterheader1-design1 .newMsg {
	margin: 0px;
	padding: 1px;
}
.masterpage .masterheader1-design1 .newMsgContent {
	max-width: 200px;
	padding: 3px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.masterpage .masterheader1-design1 .newMsgContent {
	padding: 2px 6px;
}
.masterpage .masterheader1-design1 .newMsgArrow {
    position: absolute;
    margin-left: -5px;
    bottom: -3px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid;
    border-right: 5px solid;
    border-top: 5px solid;
}
/*masterheader2*/
/*t3*/
.masterpage .masterheader2-design1 .topbar-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.masterpage .masterheader2-design1 .special-content-container {
    display: flex;
    align-items: center;
    gap: 7px;
}
.masterpage .masterheader2-design1 .special-content-container .border {
    border-left: 1px dotted;
    height: 15px;
}
.masterpage .masterheader2-design1 .special-content-container div {
    display: flex;
}
.masterpage .masterheader2-design1 .special-content-container  a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 5px;
    line-height: normal;
}
.masterpage .masterheader2-design1 .logomaster img {
    max-height: 50px;
}
.masterpage .masterheader2-design1 .rightheader-container,
.masterpage .masterheader2-design1 .refreshbox a {
    display: flex;
    gap: 8px;
}
.masterpage .masterheader2-design1 .refresh-icon {
    width: 30px;
    height: 20px;
}
.masterpage .masterheader2-design1 .icon.icon-livechat {
    width: 15px;
    height: 15px;
    display: inline-block;
}
.masterpage .masterheader2-design1 .infobox .playercredit {
    font-size: 14px;
}
.masterpage .masterheader2-design1 .infobox .playername {
    font-size: 14px;
}
.masterpage .masterheader2-design1 .menubox ul {
    display: flex;
    margin: 0;
    gap: 5px;
    padding: 0;
    list-style: none;
}
.masterpage .masterheader2-design1 .menubox a {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid;
}
.masterpage .masterheader2-design1 .logoutbox a {
    padding: 7px 10px;
    border-radius: 3px;
    border: 1px solid;
}
.masterpage .masterheader2-design1 .logoutbox span {
    margin-right: 5px;
}

/*announcement*/
/*t1*/
.masterpage .announcement1-design1 {
    margin: 3px 0;
}
.masterpage .announcement1-design1 .announcement-content {
    border-radius: 20px;
    border: 1px solid;
}
.masterpage .announcement1-design1 .announcement-title {
    width: 40px;
    border-radius: 50px;
    font-size: 14px;
}
/*t3*/
.masterpage .announcement1-design2 .announcement-content {
    padding: 5px 0px;
}
.masterpage .announcement1-design2 .announcement-title {
    display: none;
}


/*form-control & btn-default & btn-theme & table*/
.masterpage .form-group {
    margin-bottom: 15px;
}
/*t1*/
.maincontent-design1 .input-form-group {
    border: none;
}
.maincontent-design1 .form-control[disabled],
.maincontent-design1 .form-control[readonly],
.maincontent-design1 .form-control {
    transition: none;
    font-weight: bold;
    border: 1px solid;
}
.body-design1 .btn-default,
.maincontent-design1 .btn-default {
    border: 1px solid;
}
.maincontent-design1 .btn-theme {
    border-radius: 5px;
}
.maincontent-design1 .table {
    border: 1px solid;
    border-spacing: 1px;
    border-collapse: separate;
}


/*loader*/
.masterpage .loader {
	width: 100%;
	height: 100%;
	min-height: 400px;
	position: absolute;
	pointer-events: none;
}
.masterpage .loader img {
	position: unset;
    display: block;
    margin-top: 25%;
}
.masterpage .loader a {
    pointer-events: initial;
    text-align: center;
    display: block;
}

/*gamebrand*/
.gameBrandPage .gameProviders {
    margin-top: 10px;
}
.gameBrandPage .game-title-header {
    margin-bottom: 10px;
}
/*t1*/
.maincontent-design1 .animate-provider-icon {
    right: 10%;
}
.maincontent-design1 .gameprovider-menu {
    display: block;
}
.maincontent-design1 .gameprovider-item {
	padding: 3px;
}
.maincontent-design1 .gameContainer .gameContent {
    padding: 15px 0px;
    border-width: 5px;
    border-style: solid;
}
.maincontent-design1 .gameContainer .gameContent:hover {
	border-width: 5px;
	border-style: solid;
}
.maincontent-design1 .tnhover {
    line-height: 135px;
}
/*t3*/
.maincontent-design2 .gameBrandPage-inner-container {
    padding: 10px;
}
.maincontent-design2 .gameprovider-menu {
    gap: 20px;
}
.maincontent-design2 .gameprovider-item .tnhover {
    display: none !important;
}
/*gamelobby*/
.loginGameLobby .game-content-header {
    margin-bottom: 10px;
}
.loginGameLobby .game-action-container,
.loginGameLobby .game-action-container .countrySelection {
    display: flex;
    align-items: center;
    gap: 8px;
}
.loginGameLobby .game-action-container .countrySelection > span {
	font-size: 15px;
	font-weight: bold;
}
.loginGameLobby .game-action-container .countrySelection .selectCountryMenu {
	width: 165px;
	cursor:pointer;
}
.loginGameLobby .game-action-container .countrySelection .selectCountryBtn {
	display: flex;
    height: 34px;
    padding: 0px 15px;
    border-radius: 3px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid;
}
.loginGameLobby .game-action-container .countrySelection .selectCountryBtn .selectedCountry {
	display:flex;
	align-items:center;
}
.loginGameLobby .game-action-container .countrySelection .selectCountryBtn .glyphicon-chevron-down {
	transition: transform 1s ease;
}
.loginGameLobby .game-action-container .countrySelection img {
	width: 22px;
	margin-right: 5px;
}
.loginGameLobby .game-action-container .countrySelection .countryOptionsList {
	position: absolute;
    width: 165px;
    padding: 10px;
    border-radius: 3px;
    height: 300px;
	z-index: 5;
}
.loginGameLobby .game-action-container .countrySelection .countryOptionsList .countrySearch {
	display: flex;
    align-items: center;
    padding: 5px;
    gap: 5px;
    margin-bottom: 5px;
    border: 1px solid;
}
.loginGameLobby .game-action-container .countrySelection .countryOptionsList .countrySearch .countrySearchInput {
	width: 100%;
    border: none;
}
.loginGameLobby .game-action-container .countrySelection .countryOptionsList .countryOptions {
	padding: 0px;
    max-height: 240px;
    overflow-y: auto;
}
.loginGameLobby .game-action-container .countrySelection .countryOptionsList .countryOption {
	display: flex;
    height: 40px;
    cursor: pointer;
    align-items: center;
}
.loginGameLobby .countryOptionsList {
	display: none;
}
.loginGameLobby .selectCountryMenu.active .countryOptionsList {
	display: block;
}
.loginGameLobby .selectCountryMenu.active .glyphicon-chevron-down {
	transform: rotate(-180deg);
}
/*t3*/
.maincontent-design2 .loginGameLobby-inner-container {
    padding: 10px;
}

/*main-sidebar*/
.masterpage .main-sidebar {
    padding: 0px;
    padding-right: 15px;
}
.masterpage .main-sidebar ul {
    font-size: 14px;
    list-style-type: none;
    text-align: left;
    padding: 10px;
    height: 100%;
    margin: 0px;
}
.masterpage .main-sidebar ul li a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: left;
    align-items: center;
    padding: 10px 10px;
}
.masterpage .main-sidebar ul li a > span.glyphicon,
.masterpage .main-sidebar ul li a > span.icon {
    margin-right: 10px;
}
.masterpage .main-sidebar-container {
    height: 100%;
}

/*maincontent*/
.masterpage .row {
    align-items: unset;
}
.masterpage .main-content-page-title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
}
/*t3*/
body.body-design2.col-single .main-sidebar {
    width: 0;
    padding: 0;
}
body.body-design2.col-single .main-content {
    width: 100%;
}
.masterpage .maincontent-design2 .main-content {
    padding: 0;
}
.masterpage .maincontent-design2 .content-inner-container {
    padding: 15px;
}
.masterpage .maincontent-design2 .content-inner-container.games-content {
    padding: 0px;
}

/*page*/
/*profile*/
.masterpage .profileform h4 {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.masterpage .profile-content .form-content {
    padding-top: 4px;
}
.masterpage .profile-content .control-label {
    line-height: 20px;
}
.masterpage .profile-content .bankAcc {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}
.masterpage .profile-content .bankAcc .form-content {
	padding-left: 0;
	padding-right: 0;
	flex-grow: 1;
}
.masterpage .profile-content .bankAcc .inputBankAccNum {
	flex-grow: 25;
}
.masterpage .profileform .btn-theme {
    border-radius: 4px;
}
/*referral*/
.masterpage .referral-content,
.masterpage .referral-member-content,
.masterpage .referral-bonus-content {
    text-align: center;
}
.masterpage .referral-content .btn-group-md,
.masterpage .referral-member-content .btn-group-md,
.masterpage .referral-bonus-content .btn-group-md {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}
.masterpage .referral-member-content .table,
.masterpage .referral-bonus-content .table {
    margin: 0;
}
.masterpage .referral-content .alert {
    margin-bottom: 10px;
}
.masterpage .referral-content .alert span {
    font-weight: bold;
    font-size: 15px;
}
.masterpage .referral-content #output {
    margin: 15px 0px;
}
.masterpage .referral-content .well .form-horizontal {
    text-align: left;
}
.masterpage .referral-content .form-horizontal .control-label {
    text-align: left;
    padding-right: 0;
}
.masterpage .referral-content .asterisk {
    float: right;
}
.masterpage .referral-content .btn-theme {
    border-radius: 5px;
}
/*memo*/
.masterpage .memo-content,
.masterpage .memo-compose-content {
    text-align: center;
}
.masterpage .memo-content .btn-group-md {
    text-align: left;
}
.masterpage .memo-content .memo-detail .memo-detail-content {
    padding:10px;
    text-align:left;
    margin-top:10px;
    border:1px solid;
}
.masterpage .memo-content .memo-detail hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top:1px solid;
}
.masterpage .memo-content .memo-detail .btn-group-md {
    text-align: center;
    margin-top:10px;
}
.masterpage .memo-compose-content .form-horizontal {
    text-align: left;
}
.masterpage .memo-compose-content .panel-default {
    height:100px;
    overflow-y: scroll;
    padding:6px 10px;
    margin-bottom:0px;
}
.masterpage .memo-compose-content .btn-theme {
    border-radius: 5px;
}
/* tabbed navigation */
.masterpage .tabbed .nav-container {
    display: flex;
    flex-flow: row nowrap;
    overflow: scroll;
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    position: relative;
    gap: 1px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    z-index: 0;
}
.masterpage .tabbed .nav-container::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	z-index: 1;
}
.masterpage .tabbed .nav-container::-webkit-scrollbar {
	display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}
.masterpage .tabbed .nav-container .btn-tab {
	border-radius: 0;
	padding: 12px 18px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: background 0.25s ease;
    border: none;
}
/*wallet summary & bet summary*/
.masterpage .content-container .row {
    display: flow;
}
.masterpage .filter {
    padding: 0 10px 5px 10px;
}
.masterpage .filter .input-group {
	width: 100%;
	margin: 5px 0;
	padding: 0 5px;
}
.masterpage .filter .input-label {
	min-width: 80px;
	text-align: left;
	margin-bottom: 0;
}
.masterpage .filter .input-container {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin: 5px 0;
}
.masterpage .filter input,
.masterpage .filter select {
	width: 100%;
	height: 30px;
	border-radius: 0;
	padding: 2px 5px;
}
.masterpage .filter .input-container select.disabled {
	cursor: not-allowed;
}
.masterpage .filter .report-type,
.masterpage .filter .datetime-range {
	width: 100%;
}
.masterpage .filter input.btn-filter-search {
	border-radius: 5px;
	font-weight: bold;
}
.masterpage .walletsummary .filter,
.masterpage .walletsummary .filter .input-group {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}
.masterpage .walletsummary .filter input.btn-filter-search {
	margin: 5px 0;
}
.masterpage .summary-container {
	text-align: left;
}
.masterpage .summary-container .container {
	width: 100%;
}
.masterpage .data-container {
    position: relative;
}
.masterpage .walletsummary .data-container:hover {
    cursor: default;
}
.masterpage .betsummary .visible-xs .data-container::after {
    width: calc(100% - 20px);
    margin: 0 10px;
}
.masterpage .betsummary .details .visible-xs .data-container::after {
    margin-top: 10px;
    margin-bottom: 10px;
}
.masterpage .walletsummary .container.data::after {
    width: 100%;
    border-bottom: 1px solid;
}
.masterpage .summary .data-container:hover {
    cursor: pointer;
}
.masterpage .details .data {
    border-bottom: 1px solid;
}
.masterpage .summary .data-container::after {
    padding-top: 3px;
    display: block;
    border-bottom: 1px solid;
}
.masterpage .betsummary .data-container.empty::after {
    min-height: 34px;
}
.masterpage .walletsummary .data-container {
    min-height: 40px;
    padding: 10px 0 5px;
}
.masterpage .walletsummary .data-container .data-date,
.masterpage .walletsummary .data-container .data-amt, 
.masterpage .walletsummary .data-container .data-status,
.masterpage .walletsummary .data-container .hdr-date,
.masterpage .walletsummary .data-container .hdr-amt, 
.masterpage .walletsummary .data-container .hdr-status {
	padding-left: 5px;
	padding-right: 5px;
}
.masterpage .walletsummary .data-container .data-date {
	justify-content: center;
}
.masterpage .walletsummary .data-container .data-amt,
.masterpage .data-st-paidamt, .masterpage .data-st-winlose, .masterpage .data-gt-paidamt, .masterpage .data-gt-turnover, .masterpage .data-gt-winlose,
.masterpage .data-betinfo {
	word-wrap: anywhere;
}
.masterpage .result-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
}
.masterpage #SummaryResult {
    width: 100%;
    height: 100%;
}
.masterpage #SummaryResult > .container {
	width: 98%;
	padding-left: 5px;
	padding-right: 5px;
}
.masterpage #SummaryResult .container.data {
	padding: 0 5px;
	width: 100%;
    position: relative;
}
.masterpage #SummaryResult .row.data {
	padding: 5px 0;
}
.masterpage .summary-result {
    border: 1px solid;
}
.masterpage .container-fluid.hdr.details {
    display: none;
}
.masterpage .summary-container .row.hdr {
    font-weight: bold;
}
.masterpage .betsummary .row.hdr::after {
    width: calc(100% - 30px);
    margin: 0 15px;
    padding: 5px 0;
    border-bottom: 1px solid;
}
.masterpage .walletsummary .row.hdr::after {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 5px 0;
    border-bottom: 1px solid;
}
.masterpage .data-details {
    width: 100%;
    margin: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.masterpage .data-details:after {
	width: calc(100% - 20px);
	margin: 0 10px;
    border-bottom: 1px solid;
}
.masterpage .data-details .data-ggrp {
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
}
.masterpage .data-details .data-site {
	text-align: left;
	padding-left: 30px;
	text-decoration: underline;
}
.masterpage .data-details .data-site:hover {
	text-decoration: underline;
	cursor: pointer;
}
.masterpage .data-details-row > div {
    padding: 5px 0;
}
.masterpage .data-details > .container {
    padding-bottom: 10px;
    width: 100%;
}
.masterpage .hdr-date, .hdr-paidamt, .masterpage .hdr-turnover, .hdr-winlose,
.masterpage .hdr-game, .hdr-result, .masterpage .hdr-betinfo {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    white-space: nowrap;
    word-break: break-all;
}
.masterpage .summary .hdr-date {
    align-items: flex-start;
    white-space: normal;
}
.masterpage .summary .data-container .data-date,
.masterpage .summary .data-container .data-result {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.masterpage .details .row1 {
    margin-bottom: 4px;
}
.masterpage .details .row4 {
    padding: 0 10px;
    margin-top: 4px;
}
.masterpage .details .container.data .hdr {
    margin: 3px 0;
}
.masterpage .details .data-paidamt, .details .data-winlose,
.masterpage .details .data-paidamt-hdr, .details .data-winlose-hdr {
    text-align: right;
}
.masterpage .details .data-colon {
    padding-left: 2px;
    padding-right: 2px;
}
.masterpage .data-result {
    display: flex;
    flex-flow: row nowrap;
}
.masterpage .data-result img {
	width: 25px;
	height: 25px;
}
.masterpage .data-container.active .data-date .glyphicon {
    transform: rotate(90deg);
}
.masterpage .data-container .data-date .glyphicon {
    font-size: 8px;
    top: 0px;
    margin: 0 6px 0 8px;
    transition: 0.25s ease;
}
.masterpage .summary .data-container .data-date .text {
    text-decoration: underline;
}
.masterpage .betsummary .summary .data-container > div {
    padding: 5px 2px;
    position: relative;
}
.masterpage .data-title {
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}
.masterpage .data-st-paidamt, .data-st-turnover, .data-st-winlose {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    padding: 5px 10px;
}
.masterpage .data-gt-paidamt, .data-gt-turnover, .data-gt-winlose {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    padding: 5px 10px;
}
.masterpage .dropdown-btn {
    transition: 0.25s ease;
    padding: 5px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.masterpage .dropdown-btn.active {
	transform: rotateX(180deg);
}
.masterpage .walletsummary .row.hdr {
    padding-top: 10px;
}
.masterpage .betsummary .row.hdr {
    padding: 10px 0 5px;
    height: 55px;
}
.masterpage .betsummary .container.hdr {
    padding-bottom: 6px;
}
.masterpage .betsummary .details.container.hdr {
    padding-bottom: unset;
}
.masterpage .sts {
    width: 100%;
    margin: 5px auto;
    padding: 0;
    padding-bottom: 10px;
    border-radius: 5px;
    display: none;
}
.masterpage .sts .inner,
.masterpage .ftr .inner {
	width: 98%;
	padding: 0;
}
.masterpage .sts-container {
    padding-top: 10px;
    margin: 0;
}
.masterpage .sts-date,
.masterpage .sts-time {
    font-weight: bold;
}
.masterpage .summary-timestamp {
    text-align: center;
}
.masterpage .ftr {
    width: 100%;
    display: none;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.masterpage .ftr .ftr-paidamt-hdr,
.masterpage .ftr .ftr-winlose-hdr {
	text-align: center;
	font-weight: bold;
	min-height: unset;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
}
.masterpage .ftr .header-total-container {
	padding: 5px 0;
}
.masterpage .container.data:last-child .data-container::after, .masterpage .walletsummary .container.data:last-child::after {
    border: none;
}
.masterpage .wallet-summary-content .alert span,
.masterpage .bet-summary-content .alert span {
    font-weight: bold;
    font-size: 15px;
}
/* Summary Pagination */
.masterpage .container .nav-page {
    width: 100%;
    margin: 5px auto;
    display: none;
}
.masterpage .pages, .masterpage .number-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
.masterpage .number-container {
    justify-content: left;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.masterpage .number-container::-webkit-scrollbar {
	display: none;
}
.masterpage .page-prev, .page-next, .page-num {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: 0 5px;
}
.masterpage .btn-page-prev, .masterpage .btn-page-next {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
}
.masterpage .page-prev span, .masterpage .page-next span, .masterpage .page-num span {
    padding: 20px 15px;
}
.masterpage .page-num span {
    font-size: 12px;
    cursor: pointer;
}
.masterpage .page-prev span:hover, .masterpage .page-next span:hover, .masterpage .page-num span:hover {
    text-decoration: none;
    cursor: pointer;
}
.masterpage .page-num.readonly span {
    pointer-events: none;
    cursor: not-allowed;
}
.masterpage .pages .readonly {
    cursor: not-allowed;
}
.masterpage #SummaryResult .details .container.data {
    padding-top: 10px;
    padding-bottom: 10px;
}
.masterpage .filter .input-container:last-child {
    margin-bottom: 5px;
}
.masterpage .filter .input-group .sub-group .grp1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.masterpage .filter .input-group .sub-group .grp1 .input-container {
    width: 48%;
}
.masterpage .walletsummary .filter {
    flex-flow: column nowrap;
}
.masterpage .walletsummary .filter .input-group {
    flex-flow: column nowrap;
}
.masterpage .walletsummary .filter .report-type {
    width: 100%;
}
.masterpage .walletsummary .filter .provider {
    margin-top: 5px;
}
.masterpage .betsummary .filter input.btn-filter-search {
    margin-top: 5px;
    margin-bottom: 5px;
}
.masterpage .betsummary .details .row.hdr {
    text-align: center;
    height: 55px;
}
.masterpage .result-container .details {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.masterpage .betsummary .hdr-date,
.masterpage .betsummary .data-container .data-date {
    word-wrap: break-word;
    padding-right: 5px;
}
.masterpage .data-result {
    justify-content: center;
}
.masterpage .details .data-paidamt, .details .data-winlose {
    text-align: center;
}
.masterpage .details .data-game, .details .data-betinfo {
    padding-left: 15px;
}
@media(min-width: 767px) {
    .masterpage .walletsummary .filter {
        flex-flow: row nowrap;
        justify-content: space-between;
        gap: 30px;
    }
    .masterpage .walletsummary .filter .input-group {
        flex-flow: row nowrap;
        gap: 30px;
    }
    .masterpage .walletsummary .filter .input-label {
        width: 110px;
    }
    .masterpage .walletsummary .filter .report-type {
        width: 80%;
    }
    .masterpage .walletsummary .filter .btn-filter-search {
        max-width: 150px;
    }
}
/*t3*/
.masterpage .maincontent-design2 .wallet-summary-content,
.masterpage .maincontent-design2 .bet-summary-content {
    padding: 0;
}
/* tabbed navigation - deposit, withdraw, my promo & wallet - slide inidcator */
.masterpage .tabbed .nav-container .btn-tab .icon {
    height: 15px;
    width: 15px;
    margin-right: 5px;
    mask-type: alpha;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.masterpage .icon.icon-deposit {
    mask-image: var(--icon-deposit);
    -webkit-mask-image: var(--icon-deposit);
}
.masterpage .icon.icon-withdraw {
    mask-image: var(--icon-withdraw);
    -webkit-mask-image: var(--icon-withdraw);
}
.masterpage .icon.icon-history {
    mask-image: var(--icon-history);
    -webkit-mask-image: var(--icon-history);
}
.masterpage .icon.icon-saldo {
    mask-image: var(--icon-saldo);
    -webkit-mask-image: var(--icon-saldo);
}
.masterpage .icon.icon-promo {
    mask-image: var(--icon-promo);
    -webkit-mask-image: var(--icon-promo);
}
.masterpage .tabbed .slide-indicator,
.masterpage .deposit-channel-nav .slide-indicator {
    position: absolute;
    top: 12px;
    right: 0;
    opacity: 0;
    display: none;
    font-size: 18px;
    z-index: 1000;
}
.masterpage .tabbed .slide-indicator.start, .deposit-channel-nav .slide-indicator.start {
	-webkit-animation: arrowGuide 2s linear infinite;
	animation: arrowGuide 2s linear infinite;
}
.masterpage .tabbed .slide-indicator.stop,
.masterpage .deposit-channel-nav .slide-indicator.stop {
	-webkit-animation: arrowGuide 2s linear infinite paused;
	animation: arrowGuide 2s linear infinite paused;
}
@keyframes arrowGuide {
	0% {
		transform: translateX(0);
		opacity: 0;
	}
	50% {
		transform: translateX(-10px);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 0;
	}
}
@-webkit-keyframes arrowGuide {
	0% {
		transform: translateX(0);
		opacity: 0;
	}
	50% {
		transform: translateX(-10px);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 0;
	}
}
/*wallet*/
.masterpage .wallet-content .alert span {
    font-weight: bold;
    font-size: 15px;
}
.masterpage .wallet-content {
    text-align: center;
}
.masterpage .wallet-content .form-group {
    margin-top: 15px;
}
.masterpage .wallet-content .table {
    margin: 0;
}
/*t3*/
.masterpage .maincontent-design2 .wallet-content {
    padding: 0;
}
/*promo*/
.masterpage .mypromo-content {
    text-align: center;
}
.masterpage .promocontainer {
    border-radius: 4px;
    padding: 10px 30px;
    border: 1px solid;
    margin-top: 10px;
}
.masterpage .promocontainer tr > td {
    padding-bottom: 5px;
    text-align: center;
}
.masterpage .promocontainer tr > td:first-child {
	width: 34%;
}
.masterpage .promocontainer tr > td:nth-child(2) {
	width: 1%;
}
.masterpage .promostatus .status {
	padding: 0px 10px;
	display: inline-block;
	border-radius: 5px;
}
.masterpage .promoprogress .progress {
    margin: 0px;
    position: relative;
}
.masterpage .promoprogress .progress-value {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
}
.masterpage .promoprogress .progress-bar {
    white-space: nowrap;
}
.masterpage .promosite .groupname {
    font-weight: bold;
}
.masterpage .promosite .sitename div {
    display: inline-block;
    width: 24%;
}
.masterpage .promocontainer .fulltable tr > td:first-child {
    width: 17%;
    vertical-align: initial;
}
.masterpage .promocontainer .fulltable tr > td:nth-child(2) {
    vertical-align: initial;
}
.masterpage .promocontainer .promosite > div {
    margin-bottom: 10px;
}
.masterpage .mypromo-content .no-bonus {
    width: 100%;
}
.promosite .groupname {
	border-bottom: 1px solid;
}
/*t3*/
.masterpage .maincontent-design2 .mypromo-content {
    padding: 0;
}
/* Deposit Withdraw */
.masterpage .withdraw-container,
.masterpage .deposit-container {
    text-align: left;
}
.masterpage .withdraw-container .divider,
.masterpage .deposit-container .divider {
	margin: 0 5px;
	font-family: "Courier New", Courier, monospace;
}
.masterpage .withdraw-container .input-container,
.masterpage .deposit-container .input-container {
	display: flex;
	flex-flow: column wrap;
	margin: 15px auto;
}
.masterpage .withdraw-container .input-container label,
.masterpage .deposit-container .input-container label,
.masterpage .withdraw-container .input-container .input-label,
.masterpage .deposit-container .input-container .input-label {
	font-weight: bold;
	font-family: Arial;
	margin-bottom: 0;
	position: relative;
}
.masterpage .withdraw-container .input-container .input-value-container,
.masterpage .deposit-container .input-container .input-value-container {
	flex-basis: auto;
	flex-grow: 2;
	margin: 5px 0;
	position: relative;
}
.masterpage .withdraw-container .input-value-container input,
.masterpage .withdraw-container .input-value-container select,
.masterpage .withdraw-container .input-value-container textarea,
.masterpage .deposit-container .input-value-container input,
.masterpage .deposit-container .input-value-container select,
.masterpage .deposit-container .input-value-container textarea,
.masterpage .deposit-container .input-value-container .specific-container {
	width: 100%;
}
.masterpage .withdraw-container .input-container .input-label.required::after,
.masterpage .deposit-container .input-container .input-label.required::after {
	content: '*';
	position: absolute;
	right: -10px;
	top: 2px;
}
.masterpage .withdraw-container .form-action,
.masterpage .deposit-container .form-action {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 20px auto;
}
.masterpage .deposit-container .btn-submit,
.masterpage .withdraw-container .btn-submit {
	min-width: 100px;
    border-radius: 5px;
}
/* Deposit - Channel */
.masterpage .deposit-container .deposit-channel-title {
	margin-bottom: 10px;
	font-weight: bold;
}
.masterpage .deposit-container .deposit-channel-nav {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 10px;
	overflow-x: scroll;
	-ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
	scrollbar-width: none; /* Hide scrollbar for Firefox */
	position: relative;
}
.masterpage .deposit-container .deposit-channel-nav::-webkit-scrollbar {
	display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}
.masterpage .deposit-container .btn-deposit-channel {
	padding: 6px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	min-width: 115px;
	width: 115px;
	font-weight: bold;
	flex: 1 1 auto;
	transition: background 0.25s ease;
}
.masterpage .deposit-container .btn-deposit-channel .button-text {
	white-space: normal;
	word-wrap: break-word;
	margin-top: 5px;
	font-size: 13px;
}
.masterpage .deposit-container .btn-deposit-channel .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	content: '';
	mask-type: alpha;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}
.masterpage .deposit-container .btn-deposit-channel .icon-deposit-channel-0 {
	mask-image: var(--icon-deposit-channel-0);
	-webkit-mask-image: var(--icon-deposit-channel-0);
}
.masterpage .deposit-container .btn-deposit-channel .icon-deposit-channel-1 {
	mask-image: var(--icon-deposit-channel-1);
	-webkit-mask-image: var(--icon-deposit-channel-1);
}
.masterpage .deposit-container .btn-deposit-channel .icon-deposit-channel-2 {
	mask-image: var(--icon-deposit-channel-2);
	-webkit-mask-image: var(--icon-deposit-channel-2);
}
.masterpage .deposit-container .btn-deposit-channel .icon-deposit-channel-3 {
	mask-image: var(--icon-deposit-channel-3);
	-webkit-mask-image: var(--icon-deposit-channel-3);
}
/* Account Deposit - Channel - Design1 */
.masterpage .maincontent-design1 .deposit-container .btn-deposit-channel.active {
    border: 1px solid;
}
/* Deposit - Accordion */
.masterpage .deposit-container .specific-container.accordion-0 .panel {
	margin: 0;
	border-width: 1px;
	border-style: solid;
}
.masterpage .deposit-container .specific-container.accordion-0 .panel a[role="button"] .glyphicon.glyphicon-menu-down {
	transition: transform 0.25s ease;
}
.masterpage .deposit-container .specific-container.accordion-0 .panel a[role="button"] .glyphicon.glyphicon-menu-down.up {
	transform: rotateX(180deg);
}
.masterpage .deposit-container .specific-container.accordion-0 .panel > a {
	text-decoration: none;
}
.masterpage .deposit-container .specific-container.accordion-0 .panel .panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.masterpage .deposit-container .specific-container.accordion-0 .panel .panel-heading .panel-title {
	font-weight: bold;
}
.masterpage .deposit-container .specific-container.accordion-0 .panel .panel-body .bankimage {
	text-align: center;
}
.masterpage .deposit-container .specific-container.accordion-0 .panel .panel-body .bankimage > a {
	margin: 10px auto;
}
.masterpage .deposit-container .specific-container.accordion-0 .panel .panel-body .bankimage-save {
	text-align: center;
	margin: 10px auto;
}
/* Deposit - Popup Modal */
.masterpage .deposit-container .modal-dialog .bank-type button {
	margin: 3px 3px 8px 3px;
	min-width: 100px;
	display: none;
}
.masterpage .deposit-container .modal-dialog .bank-type button.visible {
	display: inline-block;
}
.masterpage .deposit-container .modal-dialog .bank-acc .bank-acc-container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-content: center;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}
.masterpage .deposit-container .modal-dialog .bank-acc .bank-acc-container .bank-img .svg-icon {
    height: 25px;
    width: 80%;
    margin-top: 3px;
    margin-bottom: 3px;
}
.masterpage .deposit-container .modal-dialog .bank-acc .bank-acc-container .bank-img-bg {
	background: url("/assets/images/icon/innerBG.svg") no-repeat center center / contain;
	width: 138px;
	height: 36px;
	padding: 2px 5px;
	margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Deposit - General */
.masterpage .deposit-container .specific-container {
	display: none;
}
.masterpage .deposit-container .deposit-bonus {
	margin-bottom: 0;
}
.masterpage .deposit-container .deposit-bonus .btn-bonus-desc {
	position: relative;
	display: inline;
	width: 24px;
	height: 24px;
	padding: 0;
	border-radius: 50%;
}
.masterpage .deposit-container .deposit-bonus .btn-bonus-desc:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}
.masterpage .deposit-container .deposit-bonus .btn-bonus-desc .tooltip-text {
	visibility: hidden;
	border-width: 1px;
	border-style: solid;
	font-size: 13px;
	min-width: 100px;
	text-align: center;
	border-radius: 5px;
	padding: 8px 12px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	display: inline-block;
	position: absolute;
	top: -45px;
	left: -50%;
	transform: translateX(-50%);
}
.masterpage .deposit-container .deposit-bonus .btn-bonus-desc .tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: 18px;
	border-width: 5px;
	border-style: solid;
}
.masterpage .deposit-container .deposit-bonus .btn-bonus-desc .icon-info {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	mask-type: alpha;
	mask-image: var(--icon-info);
	-webkit-mask-image: var(--icon-info);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}
.masterpage .deposit-container .deposit-bonus .input-value-container {
	display: flex;
	align-items: center;
	gap: 15px;
}
.masterpage .deposit-container .deposit-amount,
.masterpage .deposit-container .deposit-accounts {
	margin-bottom: 0;
}
.masterpage .deposit-container .deposit-bonus-desc {
	margin: 0 auto;
}
.masterpage .deposit-container .deposit-bonus-desc .input-label-container,
.masterpage .deposit-container .deposit-amount-info .input-label-container,
.masterpage .deposit-container .deposit-bank-account-info .input-label-container,
.masterpage .deposit-container .deposit-ref-code-info .input-label-container {
	height: 0;
}
.masterpage .deposit-container .deposit-amount-info .info .min-max-info {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.masterpage .deposit-container .deposit-amount-info .info .specific-container {
	font-weight: bold;
}
.masterpage .deposit-container .username .info,
.masterpage .deposit-container .deposit-bonus-desc .info,
.masterpage .deposit-container .deposit-amount-info .info,
.masterpage .deposit-container .deposit-bank-account-info .info {
	flex-grow: 1;
}
.masterpage .deposit-container .deposit-amount-info,
.masterpage .deposit-container .deposit-bank-account-info {
	margin-top: 0;
}
.masterpage .deposit-container .deposit-bonus-desc .bonusdescription {
	padding: 5px 12px;
}
.masterpage .deposit-container .deposit-bonus-desc .bonusdescription table {
	empty-cells: hide;
}
.masterpage .deposit-container .deposit-bonus-desc .bonusdescription tr > td {
	text-align: left;
	padding: 2px;
}
.masterpage .deposit-container .deposit-bonus-desc .bonusdescription tr > td.bonusmethod {
	padding-top: 5px;
	font-weight: bold;
}
.masterpage .deposit-container .deposit-bonus-desc .bonusdescription tr > td:first-child {
	text-align: left;
	width: 30%;
}
.masterpage .deposit-container .deposit-bonus-desc .bonusdescription tr > td:nth-child(2) {
	width: 1%;
}
.masterpage .deposit-container .deposit-account-bankinfo {
	display: flex;
	flex-flow: column nowrap;
	place-content: center space-between;
	width: 100%;
	font-weight: bold;
}
.masterpage .deposit-container .deposit-account-bankinfo .deposit-account-bankname,
.masterpage .deposit-container .deposit-account-bankinfo .deposit-account-banknumber {
	display: flex;
	flex-flow: row nowrap;
}
.masterpage .deposit-container .deposit-account-bankinfo .deposit-account-bankname .deposit-account-bankname-label,
.masterpage .deposit-container .deposit-account-bankinfo .deposit-account-banknumber .deposit-account-banknumber-label {
	word-wrap: normal;
	white-space: nowrap;
	margin-right: 4px;
}
.masterpage .deposit-container .deposit-account-bankinfo .deposit-account-bankname .deposit-account-bankname-text,
.masterpage .deposit-container .deposit-account-bankinfo .deposit-account-banknumber .deposit-account-banknumber-text {
	word-wrap: anywhere;
	white-space: normal;
}
.masterpage .deposit-container .deposit-account-bankinfo .copybutton {
	margin-top: 5px;
}
.masterpage .deposit-container .deposit-bank-account-info .deposit-account-bankimage {
	display: inline-block;
	margin-top: 10px;
}
.masterpage .deposit-container .deposit-bank-account-info .deposit-account-bankimage img {
	max-width: 100%;
	display: block;
}
.masterpage .deposit-container .deposit-bank-account-info .deposit-account-bankimage .btn-success {
    border-radius: 5px;
	margin: 10px auto 5px;
}
.masterpage .deposit-container .deposit-ref-code {
	margin-bottom: 0;
}
.masterpage .deposit-container .deposit-ref-code-info {
	margin: 0 auto;
}
.masterpage .deposit-container .deposit-ref-code-info .info {
	flex-grow: 1;
}
.masterpage .deposit-container .deposit-ref-code-info .info .deposit-ref-code-text {
	font-weight: bold;
}
.masterpage .deposit-container .deposit-upload .btn-default {
	border: none;
	margin-right: 0;
	border-right-width: 1px;
	border-right-style: solid;
}
.masterpage .deposit-container .deposit-upload .input-value-container {
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
}
/* Deposit - Bank Status */
.masterpage .panel .panel-body .bankBox {
    text-align: center;
    margin: 5px auto;
}
.masterpage .bankContent,
.masterpage .bankOnline,
.masterpage .bankOffline {
    font-size: 14px;
    font-weight: bold;
}
.masterpage .panel .panel-body .bankBox .bankBox-img-bg {
    background: url("/assets/images/icon/innerBG.svg") no-repeat center center / contain;
    padding: 2px 5px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vw/12);
    max-height: 40px
}
.masterpage #collapse-bankstatus .bankBox-img-bg .svg-icon {
    height: calc(100vw/25);
    width: 60%;
    max-width: 100%;
    max-height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}
/* Withdraw - General */
.masterpage .tabbed .withdraw-container .alert {
    margin: 10px 15px;
}
.masterpage .withdraw-container .withdraw-header {
    border-width: 1px;
    border-style: solid;
    margin: 10px auto 20px;
    padding: 10px 20px;
}
.masterpage .withdraw-container .withdraw-amount {
    margin-bottom: 0;
}
.masterpage .withdraw-container .withdraw-info {
    margin-top: 0;
}
.masterpage .withdraw-container .withdraw-info .input-label-container {
	height: 0;
}
.masterpage .withdraw-container .withdraw-bank-account {
    display: none;
}
.masterpage .withdraw-container .withdraw-bank-account .input-value-container {
	display: flex;
	align-items: center;
	gap: 15px;
}
.masterpage .withdraw-container .withdraw-footer {
    width: 100%;
    padding: 0;
    margin: 0;
}
.masterpage .withdraw-container .withdraw-bank-account .btn-add-account {
    display: none;
}
/* Deposit Withdraw - Design1 */
.masterpage .maincontent-design1 .deposit-content,
.masterpage .maincontent-design1 .withdraw-content {
    margin: 20px auto;
}
/* Deposit Withdraw - Tabbed Navigation - Design1 */
.masterpage .maincontent-design1 .tabbed .nav-container {
    border-bottom-width: 0px;
    border-bottom-style: none;
}
/* Deposit - Channel - Design1 */
.masterpage .maincontent-design1 .deposit-container .deposit-channel {
    margin: 20px auto;
}
/* Deposit - Accordion - Design1 */
.masterpage .maincontent-design1 .deposit-container .specific-container.accordion-0 {
    margin: 20px auto;
}
/* Deposit - General - Design1 */
.masterpage .maincontent-design1 .deposit-container .deposit-account-bankinfo .btn-copy {
    background-repeat: repeat-x;
}
/* Deposit Withdraw - Design2 */
.masterpage .maincontent-design2 .withdraw-container-inner,
.masterpage .maincontent-design2 .deposit-container-inner {
    padding-bottom: 10px;
    border: 1px solid;
}
.masterpage .maincontent-design2 .deposit-content,
.masterpage .maincontent-design2 .withdraw-content {
    padding-top: 0;
    padding-bottom: 0;
    margin: 20px 10px;
}
.masterpage .maincontent-design2 .deposit-container .deposit-upload .btn-default {
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-right: 1px solid;
}
.masterpage .maincontent-design2 .deposit-container .deposit-upload .btn-default .icon-span-filestyle {
	top: -1px;
}
/* Deposit - Channel - Design2 */
.masterpage .maincontent-design2 .deposit-container .deposit-channel {
    margin: 20px 20px 40px
}
/* Deposit - Accordion - Design2 */
.masterpage .maincontent-design2 .deposit-container .specific-container.accordion-0 {
    margin: 40px 20px;
}
/* Deposit - Bank Status - Design2 */
.masterpage .maincontent-design2 .depositInfo {
    margin: 5px auto 0px auto;
}
.masterpage .maincontent-design2 .bankContent {
    display: none;
}
.masterpage .maincontent-design2 .bankOnline,
.masterpage .maincontent-design2 .bankOffline {
    margin-left: 3px;
}
@media (min-width: 576px) {
    .masterpage .tabbed .nav-container::after {
        width: 100%;
    }
    .masterpage .withdraw-container .input-container,
    .masterpage .deposit-container .input-container {
        flex-direction: row;
        align-items: center;
    }
	.masterpage .withdraw-container .input-container .input-label-container,
	.masterpage .deposit-container .input-container .input-label-container {
		width: 25%;
		margin-bottom: 0;
	}
	.masterpage .withdraw-container .input-container .input-label.required::after,
	.masterpage .deposit-container .input-container .input-label.required::after {
		display: none;
	}
	.masterpage .withdraw-container .input-container .input-value-container.required::before,
	.masterpage .deposit-container .input-container .input-value-container.required::before {
		content: '*';
		position: absolute;
		left: -10px;
		top: 8px;
	}
    .masterpage .withdraw-container .withdraw-content .input-container .info,
    .masterpage .deposit-container .deposit-content .input-container .info {
        width: 75%;
    }
	/* Deposit - Channel */
    .masterpage .deposit-container .btn-deposit-channel {
        flex: 1 1 auto;
    }
	/* Deposit - Bank Status */
    .masterpage .panel .panel-body .bankBox img {
        display: inline;
    }
	/* Deposit - General - Design1 */
    .masterpage .maincontent-design1 .deposit-container .deposit-bank-account-info .deposit-account-bankimage img {
        max-width: 600px;
    }
	/* Withdraw - General */
    .masterpage .withdraw-container .withdraw-bank-account-info .input-label-container {
        align-self: flex-start;
    }
}
/* Custom Popup */
.masterpage dialog.popup {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 2147483643;
}
.masterpage dialog.popup .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	cursor: none;
	z-index: 2147483644;
}
.masterpage dialog.popup.open {
	display: block;
	-webkit-animation: fadein 150ms ease-in forwards;
	animation: fadein 150ms ease-in forwards;
}
.masterpage dialog.popup.closing {
	-webkit-animation: fadeout 150ms ease-in forwards;
	animation: fadeout 150ms ease-in forwards;
}
@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeout {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes fadeout {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.masterpage dialog.popup .outer {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    z-index: 2147483645;
}
.masterpage dialog.popup .outer .inner {
	width: 80vw;
	margin: auto;
	padding: 10px;
	border-radius: 5px;
}
.masterpage dialog.popup.popup-msg .outer .inner {
    width: 80vw;
    max-width: 450px;
}
.masterpage dialog.popup .outer .inner .popup-header {
    height: 30px;
    width: 100%;
}
.masterpage dialog.popup .outer .inner .popup-content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px auto;
}
.masterpage dialog.popup .outer .inner .popup-content .msg {
	text-align: center;
}
.masterpage dialog.popup .outer .inner .popup-action {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px auto;
}
.masterpage dialog.popup .outer .inner .popup-action .btn-ok {
	font-weight: bold;
    border-radius: 5px;
}
/*use in after login end*/