/*
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Signika');
@import url('https://fonts.googleapis.com/css?family=Telex');
@import url('https://fonts.googleapis.com/css?family=Bai Jamjuree');
@import url('https://fonts.googleapis.com/css?family=Numans');
*/

/*@import url('https://fonts.googleapis.com/css?family=Nunito');*/
/*@import url('https://fonts.googleapis.com/css?family=Exo 2');*/
/*@import url('https://fonts.googleapis.com/css?family=Exo');*/
/*@import url('https://fonts.googleapis.com/css?family=Nunito Sans');*/


a {
    color: inherit; /* blue colors for links too */
    text-decoration: none; /* no underline */
}

a:visited {
    color: inherit; /* blue colors for links too */
    text-decoration: none; /* no underline */
}

a:hover {
    color: inherit; /* blue colors for links too */
    text-decoration: none; /* no underline */
}

::-webkit-scrollbar {
    width: 2px;
}



html, body {

    scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
    /*scrollbar-color: #445a63 transparent;*/
    scrollbar-color: #445a63;
    scrollbar-width: 2px;

    /*height: 100%;*/
    /*height: calc(100vh);*/
    margin: 0px;
    /*overflow-y: hidden;*/
    /*    background-color: #3465a4;
        background-color: #fce953;
        background-color: #5b6daf;
        background-color: #06989a;
        background-color: #eeeede;
        background-color: #2e3436;*/

    font-size: 12px;
    /*font-family: Istok Web;*/
    /*font-family: Source Sans Pro;*/
    /*font-family: Exo;*/
    /*font-family: Exo 2;*/

    /*font-family: Nunito;*/

    /*font-family: Ruda;*/
    font-family: Lato;
    /*font-family: Heebo;*/
    /*    font-family: Jura;
        font-family: Signika;
        font-family: Bai Jamjuree;
        font-family: Montserrat;
        font-family: Telex;
        font-family: Numans;*/
    /*color: rgb(80, 86, 93);*/
    color: rgb(47, 49, 51);
    /*background-color: #383838;*/
    background-color: #252638;
    /*background-color: #2f3051;*/
    /*background-color: transparent;*/
    /*background-color: #eeeeee;*/
    /*background-color: #ffffff;*/
    /*background-color: #d9d9d9;*/
    /*background-color: rgba(39, 39, 39, 0.09);*/
    /*background-color: rgb(255, 255, 249);*/
    /*background-color: #f3930600;*/
    /*background-color: #f7f7f7;*/
    /*background-color: #5b6daf;*/

    padding: 0;

    background-image: url('../img/bg.jpg');
    /*background-color: #000;*/
    /*    background-repeat: ;
        background-size: contain;*/
    content: "";
    /*height: 100%;*/
    /*padding-top: 20px;*/

    min-width: 285px;

}

.hide_initially {
    display: none;
}

.wrapper {
    /*background-color: rgba(0, 0, 0, 1);  Change the color and opacity as needed */
    background-color: #0d183a00; /* Change the color and opacity as needed */
}

.html_dark_background {
    background-color: #2f2f2f;
}



@media screen and (min-width: 901px) {

    html,body {
        font-size: 11px;
    }

    .choose_lines_line img {
        width: 28px;
        height: 28px;
    }
}

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

    html,body {
        font-size: 10px;
    }

    .choose_lines_line img {
        width: 24px;
        height: 24px;
    }
}

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

    html,body {
        font-size: 9px;
        /*        padding-left: 5px;
                padding-right: 5px;*/

    }

    .choose_lines_line img {
        width: 24px;
        height: 24px;
    }
}

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

    html,body {
        font-size: 8px;
        /*        padding-left: 2px;
                padding-right: 3px;*/
    }

    .choose_lines_line img {
        width: 22px;
        height: 22px;
    }
}

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

    html,body {
        font-size: 7px;

        /*        padding-left: 1px;
                padding-right: 1px;*/

    }

    .choose_lines_line img {
        width: 18px;
        height: 18px;
    }
}



/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {
        -moz-appearance: none !important;
        background: rgb(0,255,0) !important;
    }
    thumb,scrollbarbutton {
        -moz-appearance: none !important;
        background-color: rgb(0,0,255) !important;
    }

    thumb:hover,scrollbarbutton:hover {
        -moz-appearance: none !important;
        background-color: rgb(255,0,0) !important;
    }

    scrollbarbutton {
        display: none !important;
    }

    scrollbar[orient="vertical"] {
        min-width: 2px !important;
        width: 2px;
    }

    scrollbar[orient="horizontal"] {
        min-width: 2px !important;
        width: 2px;
    }

    .dropdown-menu-right {
        right: 0;
        left: auto!important;
    }
}

::-webkit-scrollbar {
    /*background: transparent;*/
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    /*background-color: #445a63;*/
    background-color: #745a63;
    border: 1px;
}
::-webkit-scrollbar-thumb:hover {
    /*background-color: rgba(0, 0, 0, 0.3);*/
}

::-webkit-scrollbar-corner {
    background: transparent;
}

@-moz-document url-prefix() {
    select {
        padding-right: 25px;
        background-image: url("data:image/svg+xml,\
            <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='10px'\
            height='10px' viewBox='0 0 1200 1000' fill='rgb(111,111,111)'>\
            <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
            </svg>");
        background-repeat: no-repeat;
        background-position: calc(100% - 5px) 50%;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 1px;
    }
}


.section_menu {
    color: #ffffff;
    font-size: 1.5rem;
    margin-left: 150px;
    padding-right: 15px;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
    background-color: #111111;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
}

/* Style page content */
.main {
    margin-left: 150px; /* Same as the width of the sidebar */
    padding-top: 65px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;

    color:#000000;
    background-color: #eeeeee;
    /*height: 100%;*/
}

/* The sidebar menu */
.sidenav {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 150px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
    padding: 10px 10px 6px 16px;
    text-decoration: none;
    font-size: 1.2rem;
    color: #ffffff;
    display: block;
    border-bottom: 1px solid #666666;
    margin-right: 5px;
    margin-left: 5px;
}

.sidenav a:first-child {
    margin-top: 0px;
    /* padding: 0px; */
    padding-bottom: 16px;
    padding-top: 0px;
}

.sidenav .lm_icon {
    width: 16px;
    height: 16px;
    margin-right: 16px;
    color: #c39347;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}


.hidden {
    display: none!important;
}

.login_container {

    width: 500px;
    height: 400px;
    position: absolute; /*Can also be `fixed`*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}


.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.login_frame {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px!important;
    padding-bottom: 15px;
    padding-top: 40px;
    background-color: #fff;
    margin-left: 15px!important;
    margin-right: 15px!important;
    min-width: 400px!important;
    max-width: 400px!important;
    width: 400px!important;
}

.footer {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height:26px;
    background: rgba(40, 40, 40, 0.98);
    padding: 5px;
    border-top: 2px solid #efefef;
}

.top_main_menu {
    padding: 10px;
    font-size: 1.25rem;

    border-bottom: 2px solid #111;
    /*margin-bottom: 5px;*/
}

.top_main_menu .main_menu_title {
    display: inline-block;
    box-sizing: border-box;
    font-size: 1.25rem;
    padding-right: 4px;
    padding-left: 10px;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.top_main_menu .main_menu_username {
    display: inline-block;
    float: right;
    font-size: 0.85rem;
    line-height: 2rem;
    margin-right: 10px;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.menu_icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.cursor_link {
    cursor: pointer;
}

.menu_icon_simple_profitability {
    font-size: 1.25rem;
}

.menu_icon_left {
    float: left;
}

.menu_icon_right {
    float: right;
}

.menu_icon_margin_left {
    margin-left: 10px;
}

.menu_icon_margin_right{
    margin-right: 5px;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.text_nowrap {
    white-space: nowrap;
}

.text_top {
    vertical-align: top;
}

.text_bold {
    font-weight: bold;
}

.text_italic {
    font-style: italic;
}

.text_nowrap {
    white-space: nowrap;
}

.winning_color {
    color: green;
}

.losing_color {
    color: red;
}




.widget_error_container {
    padding: 15px;
    font-size: larger;
    color: rgba(208, 38, 8, 0.69);
    text-align: center;
}

.widget_error_text {
    color: red;
    font-weight: bold;
}

.widget_error_hidden_text {
    display: none;


}


.scroll_y_auto {
    overflow-y: auto;
}

.height_100 {
    height: calc(100vh);
    max-height: calc(100vh);
}

.tab-content {

}

.scrollable {
    overflow-y: auto;
    scrollbar-width: thin;
}

.scrollable_content {
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
    /*height: 99%;*/
}

.color-green {
    color: #3e6d08;
}

.color-green-light {
    color: #75cb13;
}

.color-yellow {
    color: #fcff6f;
}

.color-blue {
    color: #14465d;
}

.color-white {
    color: white;
}

.color-red {
    color: #f74b3f;
}

.color-grey-light {
    color: #e3e3e3;
}

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

.wrap_pre_line {
    white-space: pre-line;
}

.small_image_icon {
    width: 32px;
    /* height: 28px; */
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
}

.extra_small_image_icon {
    width: 20px;
    /* height: 28px; */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.extra_small_image_icon_no_top_margin {
    width: 20px;
    /* height: 28px; */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 2px;
}


.table td.no_top_border {
    border-top: none;
}

.table td.no_bottom_border {
    border-bottom: none;
}

.no_left_margin {
    margin-left: 0px;
}

.table tr.part_of_prev_row td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.table_row_separator {
    height: 10px;
}

.table_top_list td, .table_top_list th {
    padding-top: 4px;
    padding-bottom: 4px;
}



.padding_top_bottom_3px {
    padding-top: 3px;
    padding-bottom: 3px;
}

.padding_top_bottom_5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

.rounded_image {
    border-radius: 7px;
}

.rounded_image_small {
    border-radius: 4px;
}

.no_margin_top {
    margin-top: 0px;
}

.wordwrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

.hide_m {
    visibility: hidden;
}


@media screen and (min-width: 650px) {


}

[help_click='true'] {
    cursor: help;
}

[help_click='true'] i.fas,
[help_click='true'] svg
{
    font-size: larger;
    margin-left: 5px;
    margin-right: 5px;
}


.inline_help {
    /* margin: 10px; */
    /*font-size: smaller;*/
    font-size: 0.85rem;
    /*text-align: right;*/
    border-left: 1px solid #ffebc1;
    border-right: 1px solid #ffebc1;
    border-top: 2px solid #ffebc1;
    border-bottom: 2px solid #ffebc1;
    /*    border-left: 4px solid #ffcb3f;
        border-right: 4px solid #ffcb3f;
        border-top: 4px solid #ffcb3f;
        border-bottom: 4px solid #ffcb3f;*/
    /*    border-top: 1px solid #6c9ee7;
        border-bottom: 1px solid #6c9ee7;
        border-left: 1px solid #6c9ee7;
        border-right: 1px solid #6c9ee7;*/
    /*    border-top: 1px solid #86c37e;
        border-bottom: 1px solid #86c37e;
        border-left: 1px solid #86c37e;
        border-right: 1px solid #86c37e;*/
    border-radius: 3px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 7px;
    background-color: #fff3da;
    /*background-color: #ffffee;*/
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: default;
    font-style: italic;
    color: #5384cb;
}


#user_menu_id {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
    background-color: #000000;
    border-radius: 4px;
}

.user_menu {
    display: inline-block;
    float: right;
    font-size: 0.90rem;
    line-height: 2rem;
    margin: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: #000000;
    padding: 0px;
}

.user_menu_dropdown {
    background-color: #000000;
}

.user_menu .user_menu_item {
    min-width: 200px;
    color: #ffffff;
    white-space: nowrap;
}

.user_menu .user_menu_item:hover span {
    color: #000000;
    background-color: #ffffff;
}

.user_menu .user_menu_item:hover .user_menu_menu_icon {
    color: #000000;
    background-color: #ffffff;
}

.user_menu .user_menu_item span {
    min-width: 200px;
    color: #ffffff;
    white-space: nowrap;
    font-size: 1.15rem;
}

.user_menu .user_menu_item .user_menu_menu_icon {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}

.user_menu_icon {
    display: inline-block;
    float: right;
    font-size: 1rem;
    line-height: 2rem;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.user_menu_icon .uicon {
    width: 12px;
    height: 12px;
    margin-left: 10px;
}


.module_submenu {
    margin-bottom: 5px;
    background-color: #e3e3e3;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.module_submenu button {
    background-color: #0087ff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.15rem;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.module_submenu button .grph {
    margin-right: 5px;
}

#app {

}

/*.wrapper {
    --tw-gradient-from: #002;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 34, 0));
    --tw-gradient-to: #142648;
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, .15));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    border-radius: .75rem;
    box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    min-width: 200px;
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
}*/

.wrapper {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 600px;*/
    min-width: 220px;
    overflow: hidden;
    width: 100%;
    /*margin-top: 15px;*/
}

.topnav {
    /*background: #ffeb3b;*/
    /*background: transparent;*/
    /*background-color: #126e61;*/
    /*background-color: #ff3c00;*/
    /*background-color: #7f1d1d;*/
    background-color: #050a2c;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    height: 90px;
    /*padding: 40px 20px;*/
    /*color: #ffdd22;*/
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    /*border-bottom: 1px solid #484759;*/
    font-family: 'Lato';
    padding-top: 15px;
    padding-bottom: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

.top_nav_title {
    width: 100%;
    /*text-align: right;*/
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 0px;

}

.how_to_play_button {
    /*    text-decoration: underline;
        font-size: 1.25rem;
        padding: 40px;
        border-radius: 8px;
        background-color: yellow;
        color: black;
        margin-top: 20px;
    */

    cursor: pointer;
}

.topnav #Logo {
    width: 50px;
}

#Logo2 {
    width: 85px;
    /*float: left;*/
    margin-left: 10px;
    margin-right: 5px;
    padding-top: 25px;
}

#Logo3 {
    width: 75px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.topnav2 {
    /*border-bottom: 1px solid #484759;*/
    /*background-color: #126e61;*/
    /*background-color: #ff3c00;*/
    /*background-color: #7f1d1d;*/
    background-color: #050a2c;
    /*padding-top: 35px;*/
    padding-top: 20px;

}

.nav2_wrapper{
    /*background-color: #126e61;*/
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    /*display: flex;*/
}

.topnav2 li {
    /*line-height: 32px;*/
    font-size: 1.3rem;
    font-weight: bold;
    /*    margin-left: 5px!important;
        margin-right: 5px!important;
        margin-top: 10px!important;
        margin-bottom: 10px!important;*/
}

.topnav2 li {
    /*line-height: 32px;*/
    /*font-weight: bold;*/
}

.topnav2 a {
    color: #fff!important;
    border-bottom: 4px solid transparent;

}


.topnav2 a.active {
    /*background-color: #ef4444!important;*/
    /*background-color: #000!important;*/
    background: transparent;
    color: #ffdf1b;
    /*border-bottom: 4px solid #ffdf1b;*/
    border-bottom: 6px solid #ffffff;
}

.separator_div {
    height: 10px;
    background-color: transparent;
}

.tab-content {
    padding-top: 10px;
    color: #fff;
}

.widget_game_list_fixtures_table {

    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    /* text-align: center; */
    /*background-color: #484848;*/
    /*background-color: #323349;*/

    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    /* text-align: center; */

}

.widget_game_list_fixtures_table table {
    /*    width: 100%;
        border-spacing: 0px;*/
}

.widget_game_list_fixtures_table table td {
    /*    margin: 0;
        padding: 0;*/
}

.widget_game_list_fixtures_table table td{
    background-color: transparent;
    color: #fff;
    border: 0;
    font-size: 1.35rem;
}


.widget_game_list_fixtures_table .tc_logos {
    margin: 5px;
    width: 30px;
    /*height: 25px;*/
    /* border-radius: 2px; */
    padding: 2px;
    height: 30px;
}

.widget_game_list_fixtures_table .tc_logos_reserveXXXX {
    margin: 5px;
    width: 20px;
}

.widget_game_list_fixtures_table .tc_logos_reserve {
    margin: 5px;
    width: 20px;
    height: 20px;
    /*height: 15px;*/
    /* border-radius: 2px; */
    padding: 1px;
}

.fixture_list_seperator div {
    height: 1px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, #484848 0%, #686868 50%, #484848 100%);
    background: -webkit-linear-gradient(90deg, #484848 0%, #686868 50%, #484848 100%);
    background: linear-gradient(90deg, #484848 0%, #686868 50%, #484848 100%);
}

.game_title {
    font-size: 1.75rem;
    text-align: center;
    margin: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.game_jackpot {
    font-size: 1.35rem;
    text-align: center;
    margin: 10px;
    color: #ffdd22;
    font-weight: bold;
}

.choose_goals_title {
    border-top: 1px solid #484759;
    font-size: 1.75rem;
    text-align: center;
    /*color: #ffdd22;*/
    margin: 15px;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.choose_lines_line {
    display: flex;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    position: relative;
}


.place_bet_buttons_container {
    display: flex;
    grid-gap: 15px;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15px 0px;
}

.place_bet_buttons_container > a {
    display: flex;
    align-items: center;
    padding: 5px 5px;
    border-radius: 4px;
    cursor: pointer;
    /* background: #ef4444 !important; */
    /* background: #5897fb !important; */
    /*background: #126e61 !important;*/
    /*background: #ff3c00 !important;*/
    background: #5897fb !important;
    color: white;
    width: 127px;
    white-space: nowrap;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: bold;
}

.place_bet_buttons_container > a.remove_button {
    background-color: #ff3c00!important;
    /*background-color: #7f1d1d!important;*/

}

.place_bet_buttons_container .menu_icon {
    margin-right: 5px;
}

.nav {
    align-items: center;
    justify-content: center;
}

.nav-justified .nav-item {
    /*flex-grow: 0;*/
    flex: 1 1 0px;
    white-space: nowrap;
    /*min-width: 70px;*/
    max-width: 300px;
}

.instrucction_title {
    display: none;
    text-align: center;
    color: #ddd;
    font-size: 1.5rem;
    margin-top: 10px;
    background: #000;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    /*width: 400px;*/
    padding: 30px;
    border-radius: 20px;
}

.ball_holder {
    color: white;
    border-radius: 100px;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 901px) {

    .ball_holder {
        height: 44px;
        width: 44px;
    }

    .place_bet_buttons_container > a {
        width: 127px;
    }
}

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

    .ball_holder {
        height: 42px;
        width: 42px;
    }


    .place_bet_buttons_container > a {
        width: 127px;
    }
}

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

    .ball_holder {
        height: 40px;
        width: 40px;
    }

    .place_bet_buttons_container > a {
        width: 120px;
    }
}

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

    .ball_holder {
        height: 36px;
        width: 36px;
    }

    .place_bet_buttons_container > a {
        width: 115px;
    }

}

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

    .ball_holder {
        height: 34px;
        width: 34px;
    }

    .place_bet_buttons_container > a {
        width: 110px;
    }

}



.ball_holder span {
    /*color: #000;*/
    /*color: #252638;*/
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
}

.ball_chosen_background {
    /*    background-color: #ffdf1b;
        border: 2px solid #ffdf1b;*/

    /*    background: #ff9200;
        color: #000;*/

    /*    border: 2px solid #3e4065;
        background: #252638;
        color: #fff!important;*/

    border: 2px solid #3e4065;
    /*background: white;*/
    /*color: #252638!important;*/

    font-weight: bold;
}

.ball_dafault_background {
    /*    background-color: #ffdf1b;
        border: 2px solid #585858;
        background: #585858;*/

    /*    border: 2px solid #252638;
        background: #424361;*/

    border: 2px solid #3e4065;
}

.how_to_play_wrapper, .tickets_wrapper, .activity_wrapper {
    text-align: center;
    min-height: 900px;
}

.confirm_button {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm_button > a.blocked {
    pointer-events: none;
    /*    border: 1px solid #9c9c9c !important;
        background: #9c9c9c !important;*/
    border: 1px solid #9c9c9c !important;
    background: #9c9c9c !important;
    color: white !important;
    /*color: #000 !important;*/
}

.confirm_button > a {
    /*    border: 1px solid #ffdf1b;
        background: #ffdf1b;
        color: #333!important;*/

    border: 1px solid #ff3c00;
    background: #ff3c00;

    /*    border: 1px solid #7f1d1d;
        background: #7f1d1d;*/

    color: white!important;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 1.35rem;
    border-radius: 5px;
    padding: 0px 20px;
    cursor: pointer;
    font-weight: bold;
}

.total_lines, .total_stake {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    font-size: 1.35rem;
    font-weight: bold;
}

.total_lines span {
    margin-left: 5px;
    /*margin-right: 10px;*/
    /*color: #8bc34a;*/
    /*color: #ff3c00;*/
    color: #fff;
}

.total_stake span.total_stake_currency {
    margin-left: 5px;
    /*color: #8bc34a;*/
    /*color: #ff3c00;*/
    color: #fff;
}

.total_stake span.total_stake_amount {
    margin-left: 1px;
    /*color: #8bc34a;*/
    /*color: #ff3c00;*/
    color: #fff;
}

.footer_style {
    padding: 100px 20px;
    color: white;
    /*background: #1e1e1e;*/
    /*background: #282828;*/
    /*background: #171727;*/
    background: transparent;

}

.footer_style div {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget_game_list_fixtures_table table td.reserve_matches_row {
    font-size: 1.35rem;
    color: #999999;
    padding-top: 20px;
    padding-bottom: 10px;
    text-decoration: underline;
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.widget_game_list_fixtures_table table td.reserve_matches_row span {
    /*margin-left: 5px;*/
}

.how_to_play {
    font-size: 1.3rem;
    color: white;
    padding-bottom: 200px;
}

.how_to_play .how_to_play_list {
    /*width: 50%;*/
    font-size: 1.35rem;
    margin-right: 30px;
    margin-left: 30px;

    max-width: 450px;
    margin: auto;
    text-align: left;
}

.how_to_play .how_to_play_list ul {
    margin-right: 20px;
}


.how_to_play_list li:not(:first-child) {
    margin-top: 20px;
}

.how_to_play_play_now_wrapper {
    /*margin-top: 45px;*/
    font-size: 1.2rem;
    margin-bottom: 40px;
    /*text-align: center;*/
    display: flex;
    justify-content: center;
}

.how_to_play_play_now {
    /*padding: 20px;*/
    cursor: pointer;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;

    /*background: #126e61 !important;*/
    background: #ff3c00 !important;
    color: white;
    border-radius: 8px;
    font-weight: bold;

    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
    padding-right: 35px;
    
    font-size: 1.3rem;
}

.play_for_free_text {
    font-weight: bold;
    /*    font-size: 2.2rem;
        color: #ff3c00;*/
}

.htp_btn_wrapper {
    margin-top: 60px;
}

.modal {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 51, 51, 0.4588235294);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: bold;
}

.modal > .modalContentWrapper {
    border-radius: 5px;
    width: 85%;
    height: 85%;
    overflow: auto;
    /*background: #383838;*/
    background: #323349;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.25);
    max-width: 650px
}

.modal > .modalContentWrapper .modalHeader {
    /*background: #126e61;*/
    /*    background: #ff3c00;
        background: #7f1d1d;*/
    background: #050a2c;
    color: white;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
    padding: 0px 20px;
}

.modalHeader .totalNumbers {
    /*color: #126e61;*/
    color: white;
    margin-left: 10px;
}

.modal > .modalContentWrapper .modalHeader > button {
    background: transparent;
    border: 0px;
    outline: none;
    color: white;
    opacity: 0.5;
    cursor: pointer;
}

.modal > .modalContentWrapper .modalContent {
    padding: 20px;
    overflow: auto;
    position: absolute;
    top: 60px;
    bottom: 80px;
}


.modal > .modalContentWrapper .modalFooter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    height: 80px;
    width: 100%;
}

.modalContent > .subHeader {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
}

.modalContent > .BetslipNumbersWrapper {
    padding: 20px 0px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
    align-items: center;
    justify-content: center;
}

.BetslipLineNumber {
    /*    border: 2px solid #585858;
        background: #585858;
        color: white;*/
    /*border: 2px solid #252638;*/
    /*background: #ffffff;*/

    border: 2px solid #252638;
    background: #252638;
    background: #fff;
    /*color: white!important;*/

    color: #323349;
    border-radius: 100px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.modal .separator {
    height: 1px;
    background: #383838;
    background: -moz-linear-gradient(90deg, #383838 0%, #686868 50%, #383838 100%);
    background: -webkit-linear-gradient(90deg, #383838 0%, #686868 50%, #383838 100%);
    background: linear-gradient(90deg, #383838 0%, #686868 50%, #383838 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.modalContent > .BetslipNumbersWrapper .BetslipLineNumber {
    cursor: pointer;
}

.BetslipLineNumber.active {
    background: #ffdf1b;
    border: 2px solid #ffdf1b;
    color: #333;
}

/*.modalContent > .BetslipNumbersWrapper .BetslipLineNumber:hover {
    background: #ffdf1b;
    border: 2px solid #ffdf1b;
    color: #333;
}*/

.modalContent > .BetslipNumbersWrapper .BetslipLineNumber:hover {
    /*    background: #ffdf1b;
        border: 2px solid #ffdf1b;
        color: #333;*/
}

.minute_selected {
    background: #050a2c;
    color: #fff;
    border: 2px solid #050a2c;

    /*    border: 2px solid #252638;
        background: #f1c4c4;
        color: #252638!important;*/

    font-weight: bold;
}

.modal > .modalContentWrapper .modalFooter > button {
    /*    border: 1px solid #ffdf1b;
        background: #ffdf1b;
        color: #333;*/
    /*    border: 1px solid #ff9200;
        background: #ff9200;*/
    border: 1px solid #ff3c00;
    background: #ff3c00;
    /*    border: 1px solid #7f1d1d;
        background: #7f1d1d;*/

    font-weight: bold;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 1em;
    border-radius: 5px;
    padding: 0px 20px;
    cursor: pointer;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;

}

.modal > .modalContentWrapper .modalFooter > button.blocked {
    pointer-events: none;
    border: 1px solid #9c9c9c !important;
    background: #9c9c9c !important;
    color: white !important;
}


#page_overlay {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    /*height:100%;*/
    height:calc(2*100vh);
    z-index:998;
    background-color: Black;
    opacity: .85;
    overflow: hidden;
}

#error_popup {
    position: absolute;
    background-color:#000;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
    max-width: 100%;
    overflow: auto;
    /*    min-width: 300px;
        min-height: 200px;*/
    max-width: 350px;
    max-height: 200px;
    border-radius: 5px;
    height:calc(2*100vh);
    text-align: center;
    color: white;
    font-size: 1.5rem;
    border: 2px solid #ff5722;
    border-radius: 5px;
    padding: 35px 15px 5px 15px;
}

.dismiss_error {
    margin-top: 20px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ff5722;
    color: white;
    border-color: white;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1.35rem;
    font-weight: bold;
}

#ticket-section_loading {
    font-size: 2.2rem;
}

#ticket-section_refresh_row , #activity-section_refresh_row  {
    height:3.2rem;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 1.75rem;
}

#ticket-section_refresh_row span, #activity-section_refresh_row span  {
    float: right;
    font-size: 1.5rem;
    margin-right: 25px;
    cursor: pointer;
}

.game_history_game_title {
    font-size: 1.35rem;
    text-align: center;
    margin: 10px;
    font-weight: bold;
    text-align: left;
    /*border-bottom: 2px #494949 solid;*/
    padding-bottom: 10px;
}


.game_history_game_title .game_title_expand {
    float: right;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;

}

#games_history_wrapper .game_id_div .game_history_game_title:not(:last-child) {
    border-bottom: 2px #494949 solid;
    /*border-bottom: 20px #494949 solid;*/
}

.game_history_goal_times {
    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    /* text-align: center; */
    /*background-color: #484848;*/
    background-color: #263659;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.game_history_goal_times_text {
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 15px;
}

.game_history_tickets {
    border-radius: 7px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    /* text-align: center; */
    /*background-color: #484848;*/
    background-color: #263659;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.game_history_tickets_text {
    text-align: center;
    font-size: 1.25rem;
}



.ticket_display {
    margin-bottom: 20px;
    /*border-bottom: 1px solid #717171;*/
    border-bottom: 1px solid #252638;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-left: 30px;
    margin-right: 30px;
}

.ticket_wrapper {

}

.history_line_row, .history_goal_times_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 2px;
    flex-wrap: wrap;
}

.history_ball_holder, .history_game_goal_minute {
    /*    border: 2px solid #585858;
        background: #585858;*/
    /*    border: 2px solid #252638;
        background: #252638;
        color: white;*/
    border: 2px solid #252638;
    /*background: white;*/
    background: #122244;
    color: #fff;
    border-radius: 100px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin: 2px;

}

.next_round_shortly_wrpper {
 
    height: 275px;
    /*background-color: #263659;*/
}

.next_round_shortly {
    margin: 20px;
    font-size: 2rem;
    text-align: center;
    padding: 8px;
    border: 3px solid #142547;
    border-radius: 10px;
    /*background-color: #296929;*/
   
}

.you_in_the_draw_wrapper {
    margin: 20px;
    font-size: 1.75rem;
    text-align: center;
    padding: 8px;
    border: 3px solid #142547;
    border-radius: 10px;
    background-color: #296929;
}

@media screen and (min-width: 901px) {

    .history_ball_holder, .history_game_goal_minute {
        height: 44px;
        width: 44px;
    }

}

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

    .history_ball_holder, .history_game_goal_minute {
        height: 42px;
        width: 42px;
    }
}

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

    .history_ball_holder, .history_game_goal_minute {
        height: 38px;
        width: 38px;
    }
}

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

    .history_ball_holder, .history_game_goal_minute {
        height: 32px;
        width: 32px;
    }


}

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

    .history_ball_holder, .history_game_goal_minute {
        height: 28px;
        width: 28px;
    }


}

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

    .history_ball_holder, .history_game_goal_minute {
        height: 24px;
        width: 24px;
    }
}

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

    .history_ball_holder, .history_game_goal_minute {
        height: 22px;
        width: 22px;
    }
}

.history_game_goal_minute, .goal_minute_correct {
    /*    background: #ffdf1b;
        color: #000;*/
    /*    background: #ff9200;
        color: #000;*/

    /*    border: 2px solid #252638;
        background: #ffffff;
        color: #323349;*/

    /*border: 2px solid #ff3c00;*/
    /*background: #ff3c00;*/

    border: 1px solid #fff;
    /*background: #122244;*/
    /*background: #a9ffa9;*/
    background: #ffb300;
    color: #000;



    font-weight: bold;
}

.goal_times_in_scoreboard {
    min-width: 80px;
    white-space: normal;
    /*padding-top: 10px;*/
}

.fixture_list_seperator div {
    height: 1px;
    /* background: rgb(255, 255, 255); */
    background: -moz-linear-gradient(90deg, #484848 0%, #686868 50%, #484848 100%);
    /* background: -webkit-linear-gradient(90deg, #c95353 0%, #686868 50%, #484848 100%); */
    background: linear-gradient(90deg, #241f33 0%, #514e4e 50%, #241f33 100%);
}


.tickets_page_my_activity {
    /*    margin-left: 10%;
        margin-right: 10%;
        border-bottom: 2px solid #ccc;
        
    */

    margin-bottom: 50px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.tickets_page_my_activity .tickets_page_my_activity_link {
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
    /*background: #f00;*/
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    /*margin-top:150px;*/
    margin-top:85px;
}


.my_activity_tytle {
    font-size: 1.5rem;
    font-weight: bold;

    margin-bottom: 20px;
}


.mact_down_arrow {
    text-decoration: underline;
    cursor: pointer;
}

.my_activity_game_title .mact_text {
    padding-right: 10px;
    cursor:pointer;
    /*text-decoration: underline;*/
    font-size: 1.2rem;
    font-weight: bold;
}


.my_activity_round {
    text-align: center;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}



.game_history_inplay_disclaimer_wrapper {

    font-size: 0.95rem;

    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

.game_history_inplay_disclaimer_text {

    max-width: 350px;
    white-space:normal;
    margin: auto;
}


.tbcnt {

    --tw-gradient-from: #002;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 34, 0));
    --tw-gradient-to: #142648;
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, .15));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    border-radius: .75rem;
    box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    min-width: 200px;
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 50px;

}

.subHeader {
    color: #000;
}


@media screen and (min-width: 901px) {

    .tbcnt {
        max-width: 650px;
    }
}

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

    .tbcnt {
        max-width: 550px;
    }
}

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

    .tbcnt {
        max-width: 450px;
    }
}

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

    .tbcnt {
        max-width: 375px;
    }
}

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

    .tbcnt {
        max-width: 350px;
    }

}

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

    .tbcnt {
        max-width: 275px;
    }
}