.pools, .pools-results {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 0 30px;
    color: var(--c-primary)
}

h3.pools-title, h3.pools-results-title {
    font-size: 18px;
    text-align: center;
    color: var(--c-white);
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 10px;
    display: none;
}

.pools-container.empty {
    display: flex;
    justify-content: center;
    padding: 20px;
    color: var(--c-white);
    font-size: 16px;
}

.pools-container .label-value-container, .pools-results-container .label-value-container {
    align-items: center;
    padding: 0 8px
}

.pools-container .label-value-container label, .pools-results-container .label-value-container label {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right: 10px;
    color: var(--c-white);
}

.pools-container .available-draws {
    display: none;
}

.pools-header {
    display: flex;
    flex-direction: column;
    background: none
}

.pools-flag {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0px /* from 24 to 0 by Alex */
}

.pools-header .pools-title {
    display: none;
}

.pools-header .pools-dates {
    color: var(--c-white)
}

.pools-winnings {
    text-align: center;
    color: var(--c-emphasis-c);
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Oswald', sans-serif;
    display: flex;
    justify-content: center
}

.pools-winnings:before, .pools-winnings:after {
    content: "";
    display: none;
    width: 67px;
    height: 67px;
    padding: 0 0px;
    /* background-image: url(/v1.077/r/images/icons/pools-stars.svg); */
    background-size: cover;
    margin: 0 20px
}

.pools-matches {
    margin: 0;
    padding: 0
}

.pools-matches li {
    align-items: center;
    background-color: var(--c-background-f);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 20%) 0 1px 11px;
    color: var(--c-primary)
}

.pools-matches .match-selections {
    display: flex;
}

.pools-matches .match-selections > app-match-selection:first-child {
    order: 1
}

.pools-matches .match-selections > app-match-selection:nth-child(2) {
    order: 3
}

.pools-matches .match-selections > app-match-selection:last-child {
    order: 2
}

.pools-matches .match-selections > app-match-selection:first-child .match-selection > button {
    /* border-top-left-radius: var(--r-border-radius-medium); */
    /* border-bottom-left-radius: var(--r-border-radius-medium); */
}

.pools-matches .match-selections > app-match-selection:nth-child(2) .match-selection > button {
    /* border-top-right-radius: var(--r-border-radius-medium); */
    /* border-bottom-right-radius: var(--r-border-radius-medium); */
}

.pools-matches .match-selections .match-selection app-match-selection + app-match-selection {
    display: block;
    margin-top: 8px;
}

.pools-matches .match-header {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin-bottom: auto;
    align-items: center;
}

.pools-matches .match-no {
    order: 1;
    text-align: center;
    width: var(--odd-width, 30px);
}

.pools-matches .match-datetime {
    box-sizing: border-box;
    padding-left: var(--odd-width, 30px);
    order: 3;
    /* width: 100%;*/
}

.pools-matches .match-title {
    display: flex;
    flex-direction: column;
    order: 2;
}

.desktop .pools-matches .match-title {
    min-width: 220px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 20px
}

.pools-matches .match-title .match-versus {
    display: none;
}

.pools-matches .match-selection span {
    display: flex;
    color: var(--c-primary)
}

.pools-matches .match-selection button {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: var(--odd-height, 36px);
    border-radius: 4px;
    min-width: 145px;
    border: 0;
    color: var(--c-primary);
    background-color: var(--c-blue-c);
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    margin-right: 3px;
    padding: 0 8px;
    width: 49px;
    height: 41px;
    cursor: pointer;
    overflow: hidden
}

.pools-matches .match-selection.active button {
    background: var(--c-emphasis-c);
    color: var(--c-white);
    border-radius: 5px;
}

.pools-matches .match-selection button:hover {
    /* filter: brightness(0.8); */
}

.pools-matches .match-selection button label {
    cursor: pointer
}

#root .pools-matches .selection-bet label.bet-description {
    font-weight: 300;
    font-size: 12px;
    margin-right: auto
}

.pools-results-header + p-table {
    display: block;
}

.pools-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    margin: 20px 0
}

.pools-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 16px;
    line-height: 24px
}

.pools-info .value-block {
    flex: 1;
    color: var(--c-white)
}

.pools-info .value-block-wrapper {
    display: flex;
}

/*.pools-info .block-label {
  margin-right: 8px;
}*/
.pools-info .block-label:after {
    content: ':';
    margin-right: 8px;
}

.pools-info .block-value {
    font-weight: bold
}

.pools-actions {
    display: flex;
    flex: 1;
    justify-content: flex-end;
}

.pools-actions button {
    margin-left: 8px;
    min-height: var(--odd-height, 36px);
    background: var(--c-emphasis-c);
    color: var(--c-white);
    border-radius: 10px;
    height: auto;
    min-width: 150px;
    font-weight: bold
}

#root .pools-actions button:disabled {
      filter: brightness(0.7)
}

.hover .pools-actions button:hover {
    filter: brightness(0.8)
}

.pools-actions button.pools-submit {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.pools-actions button.pools-submit.book {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.pools-action.submit-disabled .submit-bet-message, .pools-action:not(.submit-disabled) .submit-disabled-reason {
    display: none;
}

.pools-results-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 8px 0;
    padding: 0 8px 0 var(--odd-width, 32px);
    color: var(--c-text-betslip-button-bet)
}

/* Desktop Result Table */
#root div[class*="mobile"] .pools-results-container .label-value-container {
    margin: 0;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.pools-results table {
    border-radius: var(--r-border-radius-medium);
    overflow: hidden;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%)
}

body .pools-results .ui-table .ui-table-thead>tr>th {
    border: 0;
    background-color: var(--c-background-betslip-title);
    color: var(--c-text-betslip-betting-body);
    cursor: pointer;
    border-bottom: 2px solid var(--c-border-sport-coupon)
}

body .pools-results .ui-table .ui-table-thead>tr>th:first-child {
    width: 10%
}

body .pools-results .ui-table .ui-table-thead>tr>th:nth-child(2) {
    width: 20%
}

body .pools-results .ui-table .ui-table-thead>tr>th:nth-child(3) {
    width: 50%
}

body .pools-results .ui-table .ui-table-thead>tr>th:nth-child(4) {
    width: 10%
}

body .pools-results .ui-table .ui-table-thead>tr>th:last-child {
    width: 10%
}

body .pools-results .ui-table .ui-table-tbody>tr {
    background-color: var(--c-blue-d);
    color: var(--c-primary);
    cursor: pointer
}

body .pools-results .ui-table .ui-table-tbody>tr:hover {
    background-color: var(--c-blue-d)
}

body .pools-results .ui-table .ui-table-tbody>tr:hover td:last-child {
    color: var(--c-text-odds-header)
}

/* desktop jackpot tabs*/
.jackpot-tabs {
    display: flex;
    width:100%;
    max-width:500px;
    justify-content: center;
    margin: 15px auto;
    align-items: center;
    background-color: var(--c-blue-d);
    color: var(--c-white);
    border-radius: 8px;
}

#root .main-content .jackpot-tabs ul {
    margin: 0;
    background-color: transparent;
    border: 0
}

#root .main-content .jackpot-tabs ul li {
    position: relative;
    background-color: var(--c-background-odds);
    color: var(--c-primary);
    margin: 0 5px;
}

#root  .jackpot-tabs ul.menu li a {
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    letter-spacing: .5px;
    font-weight: bold;
    color: var(--c-primary);
    border-radius: 8px;
}

#root  .jackpot-tabs ul.menu li a.active {
    background-color: var(--c-emphasis-c);
   color: var(--c-white);
}

#root .main-content .jackpot-tabs:not(.results-page) ul li:first-child a, #root .main-content .jackpot-tabs.results-page ul li:last-child a {
    border-radius: var(--r-border-radius-medium);
    /* background-color: var(--c-background-header-menu); */
    /* color: var(--c-text-header-menu); */
}

#root .main-content .jackpot-tabs ul li .menu-link:hover {
    opacity: .9
}

@media screen and (max-width: 1221px) {
    .desktop .pools-matches .match-datetime {
        padding-left: var(--odd-width, 39px);
        order: 3;
        width: 100%
    }

    .desktop .pools-matches .match-title {
        min-width: auto
    }

    .desktop .pools-actions {
        flex-wrap: wrap;
        align-items: center
    }

    .desktop .pools-actions button {
        flex: 1 1 45%;
        margin-bottom: 10px
    }
}

/* Jackpot  Mobile */
 .pools,  .pools-results {
    padding: 15px 15px
}

 .pools-header {
    flex-wrap: wrap
}

 .pools-title,  .pools-dates,  .pools-winnings {
    flex: 1 1 100%
}

 .pools-matches .match-title {
    overflow: hidden
}

 .pools-matches .match-title span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

 .pools-matches .title-header .match-header {
    height: 100%;
    margin-bottom: 0
}

 .pools-matches .title-header .match-datetime {
    display: none
}

 .pools-matches .match-header,  .pools-matches .match-selections {
    width: 50%;
    align-items: center
}

 .pools-matches .match-selections .match-selection:first-child {
    order: 1
}

 .pools-matches .match-selections .match-selection:nth-child(2) {
    order: 3
}

 .pools-matches .match-selections .match-selection:last-child {
    order: 2
}

 .pools-matches .match-header .match-no {
    flex: 1 1 20%
}

 .pools-matches .match-header .match-title {
    flex: 1 1 80%
}

 .pools-matches .match-header .match-datetime {
    flex: 1 1 100%;
    padding-left: 20%;
    color: var(--c-primary);
}

 .pools-matches .match-selection {
    height: 100%;
    margin-right: 3px;
    flex: 1;
}

 .pools-matches .match-selection button,  .pools-matches .match-selection span {
    flex-direction: column;
    height: 100%;
    min-width: unset;
    width: 100%;
    margin: 0;
    text-align: center
}

 .pools-matches.market-type-208 .match-selections {
    flex-wrap: wrap;
}

 .pools-matches.market-type-208 .match-selections .selection-bet {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between
}

 .pools-matches.market-type-208 .match-selections app-match-selection {
    width: 50%;
    flex: unset;
    margin-bottom: 4px;
    min-width: 130px;
    flex: 1;
}

#root  .pools-matches .selection-bet label.bet-description {
    margin: 0
}

 .pools-footer {
    flex-direction: column
}

 .pools-info {
    width: 100%;
    height: 30px;
    align-items: center;
    justify-content: center;
    line-height: 30px
}

 .pools-info .value-block.total-cost {
    display: flex;
    justify-content: flex-end
}

 .pools-actions {
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 0
}

 .pools-actions button {
    flex: 1 1 calc(50% - 4px);
    margin: 2px 2px
}

 .pools-results-header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 15px 0;
    display: none
}

 .pools-results thead .header-element {
    padding: 5px 2px;
    font-weight: normal
}

 .pools-results thead .header-element.id {
    width: 10%
}

 .pools-results thead .header-element.date {
    width: 15%;
    text-align: left;
}

 .pools-results thead .header-element.match {
    width: 40%;
    text-align: left;
}

 .pools-results thead .header-element.result {
    width: 20%
}

 .pools-results thead .header-element.score {
    width: 15%
}

#root  .pools-results tbody td {
    padding: 5px 2px;
    text-align: center
}

#root  .pools-results tbody td.info-element.match {
    text-align: left;
}

#root  .pools-results tbody td.info-element.date {
    text-align: left;
    padding: 5px;
}

/* mobile jackpot tabs*/
 .jackpot-tabs {
    /* margin: 2px 0; */
}

#root  ul.menu {
    margin: 0;
    width: 100%;
}

#root  ul.menu li {
    margin: 0;
    width: 50%;
    border-radius: 0;
    /* height: 40px; */
}

#root  ul.menu li a {
    display: flex;
    /* font-size: 15px; */
    justify-content: center;
    align-items: center;
    background-color: var(--c-background-primary);
    color: var(--c-text-primary);
    border-radius: 0;
    height: 100%
}

#root  .jackpot-tabs:not(.results-page) ul li:first-child a, #root  .jackpot-tabs.results-page ul li:last-child a {
    /* background-color: var(--c-background-header-menu); */
    /* color: var(--c-text-header-menu); */
}

 .pools-container .label-value-container label {
    justify-content: center;
    font-size: 15px
}

 .pools-header .pools-dates {
    display: none;
}

 .pools-winnings {
    font-size: 26px;
    margin-top: 15px;
    line-height: 46px;
    flex-wrap: wrap
}

 .pools-winnings:before {
    height: 50px;
    flex: 1 1 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center
}

 .pools-winnings:after {
    width: 50px;
    height: 50px;
    display: none
}

 .pools-matches .title-header .match-header {
    height: 100%;
    margin-bottom: 0
}

 .pools-matches .title-header .match-datetime {
    display: none
}

 .pools-matches .match-selections > app-match-selection {
    flex: 1
}

 .pools-matches li {
    padding: 10px 5px
}

 h3.pools-results-title {
    display: none;
}

/* Mobile Result Table*/
div.mobile .pools-results .ui-table table {
    display: flex;
    flex-direction: column
}

div.mobile .pools-results thead {
    display: none
}

div.mobile .pools-results tbody tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%)
}

div.mobile .pools-results table td {
    display: flex;
    align-items: center;
    min-height: 36px
}

div.mobile .pools-results table td > div {
    flex: 1 1 80%;
    text-align: right;
    padding: 0 5px
}

div.mobile .pools-results table td:first-child > div {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: var(--c-blue-c); */
}

div.mobile .pools-results table td:first-child > div:before {
    content: "Game";
    display: flex;
    padding: 0 5px
}

div.mobile .pools-results table td::before {
    content: attr(data-column);
    flex: 1 1 20%;
    text-align: left;
    padding-left: 5px;
    color: var(--c-text-betslip-betting-header)
}

div.mobile .pools-results table td:first-child:before {
    display: none
}

#root  .pools-results table td, #root  .pools-results table td:nth-child(even) {
    /* background-color: var(--c-background-betslip); */
    /* color: var(--c-text-primary); */
}

#root  .pools-results table td.id {
    background-color: var(--c-blue-c)
}

#root div.mobile .pools-results table td:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: var(--c-blue-c);
    color: var(--c-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

div.mobile .pools-results table td:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

div.mobile .pools-results app-set-value {
    margin-bottom: 20px
}

/* comment by Alex */
#root .pools-result-title .draw-category, #root .pools-result-title .draw-dash {
    display: none
}

/* commend end */
app-pools-countdown div.pools-closing-time {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

app-pools-countdown div.pools-closing-time > span {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

app-pools-countdown div[class*="rem"] {
    display: flex;
    flex-direction: column;
    position: relative;
}

app-pools-countdown div[class*="rem"]:not(.rem-seconds) {
    padding-right: 10px;
}

app-pools-countdown div[class*="rem"] .value {
    width: 50px;
    height: 50px;
    background-color: var(--c-emphasis-c);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--c-white);
    border-radius: 8px;
}

app-pools-countdown div[class*="rem"] .separator {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-direction:row;
    justify-content:center;
    margin: 0px;
    width: 10px;
}

app-pools-countdown div[class*="rem"] .description {
    width: 50px;
    padding: 5px;
    text-align: center;
  
}

#root app-pools .window-tab {
    background-color: var(--c-blue-d);
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 15px;
}

#root app-pools .window-tab.tab-selected {
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

#root app-pools .additional-info-container {
    padding: 10px 0px;
    border-radius: 4px;
}

#root app-pools .additional-info-container .prizes-container {
    display: flex;
    flex-direction: column;
}

#root app-pools .additional-info-container .prizes-container .prizes-title {
    width: 100%;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 15px;
}

#root app-pools .additional-info-container .prizes-container .prizes-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
}

#root app-pools .additional-info-container .prizes-container .prize-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* margin-bottom: 4px; */
    /* margin-right: 4px; */
    width: calc(50% - 2px);
    background-color: var(--c-background-f);
    padding: 5px;
    border-radius: 4px;
    min-width: 250px;
    flex: 1
}

#root app-pools .additional-info-container .prizes-container .prize-content:nth-child(2n) {
    margin-right: 0px;
}

@media screen and (max-width: 534px) {
    #root app-pools .additional-info-container .prizes-container .prize-content {
        margin-right:0px;
    }
}

#root app-pools .additional-info-container .prizes-container .prize-content::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(/v2.77/r/images/wazaa/icon/promotion_gift.png);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    opacity: .8
}

#root app-pools .additional-info-container .prizes-container .prize-content .name {
    margin: 0px 4px;
}

#root app-pools .additional-info-container .prizes-container .prize-content .label {
    font-weight: bold;
}

#root app-pools .additional-info-container .stake-container {
    display: flex;
}

#root app-pools .additional-info-container .stake-container .stake-title {
    margin-right: 4px;
}

.betslip-booking-notifications.pools table.betslip-html > tbody, .type-pools table.betslip-html > tbody {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    font-size: 13px;
}

.betslip-booking-notifications.pools table.betslip-html > tbody tr.head, .type-pools table.betslip-html > tbody tr.head {
    width: 60%;
    margin-bottom: 10px;
    padding: 0px 10px;
    display: block;
    border: 0;
    height: auto;
}

.betslip-booking-notifications.pools table.betslip-html > tbody tr.head td, .type-pools table.betslip-html > tbody tr.head td {
    border: 0;
}

.betslip-booking-notifications.pools table.betslip-html > tbody tr.head + tr, .type-pools table.betslip-html > tbody tr.head + tr {
    width: 40%;
    display: flex;
    text-align: center;
}

.betslip-booking-notifications.pools table.betslip-html > tbody tr.head + tr td:not(.pools-header), .type-pools table.betslip-html > tbody tr.head + tr td:not(.pools-header) {
    display: none;
    width: 60%;
}

.betslip-booking-notifications.pools table.betslip-html > tbody tr.head + tr td.pools-header, .type-pools table.betslip-html > tbody tr.head + tr td.pools-header {
    flex: 1;
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection, .type-pools table.betslip-html tbody .match.selection {
    width: 100%;
    padding: 0px;
    border-radius: 3px;
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection td.match::before, .type-pools table.betslip-html tbody .match.selection td.match::before {
    order: 3;
    margin-left: auto;
    font-size: 0.8em
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection.selection-pending td.match::before, .type-pools table.betslip-html tbody .match.selection.selection-pending td.match::before {
    content: "Open";
    color: var(--c-emphasis-c)
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection.selection-won td.match::before, .type-pools table.betslip-html tbody .match.selection.selection-won td.match::before {
    content: "Won";
    color: green
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection.selection-lost td.match::before, .type-pools table.betslip-html tbody .match.selection.selection-lost td.match::before {
    content: "Lost";
    color: var(--c-red);
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection .nr, .type-pools table.betslip-html tbody .match.selection .nr {
    display: none;
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection td.match, .type-pools table.betslip-html tbody .match.selection td.match {
    width: 60%;
    padding: 6px 10px;
    display: flex;
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection td.match ~ td, .type-pools table.betslip-html tbody .match.selection td.match ~ td {
    width: 13.3333%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection td.match ~ td:not(:last-child)::before, .type-pools table.betslip-html tbody .match.selection td.match ~ td:not(:last-child)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 70%;
    right: 0px;
    background-color: var(--c-blue-c);
    top: 50%;
    transform: translate(0%,-50%);
}

.betslip-booking-notifications.pools table.betslip-html tbody .match.selection td.match .date, .type-pools table.betslip-html tbody .match.selection td.match .date {
    color: var(--c-text-light);
    text-align: left;
    flex: unset;
    order: 3;
    width: 100%;
    margin-bottom: 0px;
}

.betslip-booking-notifications.pools table.betslip-html > tbody table.bets tr:not(.totals), .type-pools table.betslip-html > tbody table.bets tr:not(.totals) {
    display: none;
}

.betslip-booking-notifications.pools table.betslip-html > tbody table.bets tr.totals, .type-pools table.betslip-html > tbody table.bets tr.totals {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between
}

.betslip-booking-notifications.pools table.betslip-html > tbody table.bets tr.totals td:last-child, .type-pools table.betslip-html > tbody table.bets tr.totals td:last-child {
    text-align: right;
}

.jackpot-terms {
    color: var(--c-white);
    padding: 15px;
}