body {
    background: url(/static/png/back.png);
    height: 100%;
    font-size: 14px;
}
.f-w-b {
    font-weight: bold;
}
.highcharts-credits {
    display: none;}
.total_quater div {
    padding: 4px;
    border: 2px solid;
    border-radius: 5px;
}
.w-b-a {
    word-break: break-all;
}
.place_tab {
    width: 100%;
    table-layout: fixed;
}
.table_general {
    width: 100%;
    background: #E9EEFA;
}
.mean_league {
    width: 100%;
    table-layout: fixed;
}
.mean_league th, td {
    word-break: break-all;
    padding: 7px 0px 7px 7px;
}
.place_tab th, td {
    word-break: break-all;
}
#container_1 {border-radius: 10px}
#container_2 {border-radius: 10px}
#container_3 {border-radius: 10px}
#container_4 {border-radius: 10px}
.w3layouts-box-list li {
    font-size: 14px;
}
.stat-tab {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 14px;
}
.stat_frequency {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 14px;
}
.statistic {
    width: 42%;
    background: #E9EEFA;
    display: flex;
    justify-content: inherit;
    border-radius: 10px;
}
.static {
    width: 70%;
    background: #E9EEFA;
    display: flex;
    justify-content: inherit;
    border-radius: 10px;
}
.frequency {
    text-align: center;
    center; width: 16%
}
.highcharts-series-label-1 {
    display: none;
}
.highcharts-series-label-0 {
    display: none;
}
.highcharts-axis {display: none;}
.wraper {
    min-height: 100%;
    position: relative;
}
.bar_YBj7hjj:hover {
    text-decoration: none;
    color: black;
}
.place_tab {
    width: 100%;
    padding: 20px 0;
}

.place_tab td, table th {
    padding: 7px;
}
.text_away {
    text-align: end;
}
.logo {font-size: 25px; color: white;}
.logo_left {
    width: 70px;
    height: 70px;
    margin-top: 1em;
    margin-right: 3em;
    margin-bottom: 1em;
    margin-left: 1em;
}
.editContent {
    display: inline;
    padding-right: 3px;
    color: #000000;
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: bold;
}
.logo_rigth {
    width: 70px;
    height: 70px;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-left: 3em;
}
.list-details__item__score {
    margin-top: 0.7em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;
}
.vs {
    margin-bottom: 0px;
    background: #E9EEFA;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 2em;
    padding-left: 2em;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
}
.footer {
    width: 100%;
    position: absolute;
    bottom: -25em;
}
.strelka-top-4,
.strelka-bottom-4 {
    margin: 1px 8px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.strelka-top-4 polygon {
    fill: #3b733b;
    transition: fill 0.5s ease-out;
}
.strelka-bottom-4 polygon {
    fill: #ee3f0b;
    transition: fill 0.5s ease-out;
}
.strelka-top-4 {
    transform: rotate(270deg);
}
.strelka-bottom-4 {
    transform: rotate(90deg);
}
label {
    cursor: pointer;
    user-select: none;
}
label {
    display: inline-block;
    background: #fff;
    margin: 0.2em 0.2em .5em 0.2em;
    padding: 0.1em 0.6em 0.1em 0.6em;
    border-radius: 5px;
}
.editContent input[type=radio]:checked+label {
    background-color: #122E82;
    color: white;
}
.box_left {
    padding-top: 3px;
}
.filter-box-name {
    font-size: 16px;
    font-weight: 500;
}
.strelka-top-2,
.strelka-bottom-2 {
    margin: 5px 0px;
    width: 15px;
    height: 15px;
    color: white;
}
.strelka-bottom-2 {
    transform: rotate(90deg);
}
.strelka-top-2 {
    transform: rotate(270deg);
}
.addBot {
   display: flex;
   justify-content: left;

}
.addTop {
    display: flex;
    justify-content: left;
}
#add_bottom {
    font-size: 19px;
}
#add_top {
    font-size: 19px;
}
.color_name {
    color: red;
}
.bar_match li {
    display: inline-block;
    padding-right: 10px;
}
.bar_match {
    padding-inline-start: 0px;
    background: #E9EEFA;
}
.bar_YBj7hjj {
    font-size: 17px;
    color: black;
    appearance: button;
    line-height: 0.59;
    font-weight: bold;
}
@media (max-width: 568px){
    .bar_match li {
        display: grid;
        padding-right: 0px;
    }
    .bar_YBj7hjj {
        font-size: 14px;
        padding-top: 14px;
        padding-bottom: 10px;
        padding-left: 14px;
        padding-right: 14px;
    }
}
.bar_match a {
    padding: 14px;
}
.strelka-left-5 {
    margin: 2px 8px;
    width: 20px;
    cursor: pointer;
    fill: black;
    transition: fill 0.5s ease-out, transform 0.3s ease-in;
}
.strelka-left-5 {
    transform: rotate(90deg);
} 
.menu_87yhHJj4hF {
    list-style-type: disc;
    padding-top: 8px;
}
.color_1 {background: #61b975;}
.color_2 {background: #69e786;}
.color_3 {background: #95e7a8;}
.color_4 {background: #d4edda;}
.color_5 {background: #ffffff;}
.flag-icon-BNXT {
    background-image: url(/static/flags/1x1/BNXT.svg);
}
.flag-icon-wrl {
    background-image: url(/static/flags/1x1/wrl.svg);
}
.menu_play {text-align: center; display: contents;}
.list-details__item__team div {
    padding-bottom: 100%;
    position: relative;
}
.list-details__item__team {
    margin: 0 auto 0.125rem;
    max-width: 4.375rem;
}
.list-details__item__team div img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
}
.list-details__item {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    text-align: center;
    font-size: 0.75rem;
}
label[for="id_captcha"] { display:none; }
.navbar-nav { display: contents;}
#navbarCollapse {justify-content: flex-end;}
.wrapper {
    max-width: 1400px;
    margin: 0 auto;
}
.login_in {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
}
.login_in:hover{color: white; text-decoration: none;}
.container-fluid {
    max-width: 1400px;
    margin: 0 auto;
    min-height: 100%;
}


.cssmenu,
.cssmenu a {
    margin: 0;
    padding: 8;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 0;
    font-family:sans-serif,arial;
    position: relative;
}
.cssmenu ul,
.cssmenu li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: normal;

}
.cssmenu a {
    line-height: 1.3;
}
$cssmenu {
    top: 40%;
    left: 80px;

}
.cssmenu > ul > li > a {
    padding-right: 40px;
    font-weight: bold;
    display: block;
    background: #ffffff;
    color: #000000;

}
.cssmenu > ul > li > a > span {
    background: #ffffff;
    padding: 10px;
    display: block;

    font-weight: 300;
}
.cssmenu > ul > li > a:hover {
    text-decoration: none;
}
.cssmenu > ul > li.active {
}
.cssmenu > ul > li.active > a {
    color: #000000;
}
.cssmenu > ul > li.active > a span {
    background: #ffffff;
}
.cssmenu span.cnt {
    position: absolute;
    top: 8px;
    right: 15px;
    padding: 0;
    margin: 0;
    background: none;
}
/* Sub menu */
.cssmenu ul ul {
    display: none;
}
.cssmenu ul ul li {
    border-top: 0;
}
.cssmenu ul ul a {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    display: block;
    color: #000000;

}
.cssmenu ul ul a:hover {
    color: #000000;
}
.cssmenu ul ul li.odd {
    background: #fff;
}
.cssmenu ul ul li.even {
    background: #fff;
}


.csm {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
/*    background: white;*/
    border-radius: 10px;
}
.flag-icon {margin-right: 10px}
#add_bottom {color: white;}
#add_top {color: white;}
.addBot {
    justify-content: center;
}
.addTop {
    justify-content: center;
}
button {
    outline: none !important;
    border: none;
    background: transparent;
}
.table_info {
    border-radius: 10px;
    overflow: auto
}
.table td {
    border: 0px;
    vertical-align: unset;
}
.table tr {
   
}

.mybtn{
    text-align: center; 
    padding: 3px; 
    border: solid 1px #198754; 
    color: #7777777; 
    background:#198754;
    tansition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;    
    border-radius: 4px;
}
.mybtn:not(:hover){
    color: white;
}
.mybtn:hover {
    color: #198754;
    background: #ffffff;
    tansition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear; 
  }
  .mybtn:active{
     color: #000;
  }
.bor-r {
    border-top-right-radius: 10px 10px;
    border-top-left-radius: 10px 10px;
}
.br-r {
    border-bottom-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
}}




[ Utility ]*/
.txt1 {
    color: #666666;
    line-height: 1.5;
}

.txt2 {
    font-size: 18px;
    color: #333333;
    line-height: 1.5;
}

/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
    margin: 0 auto;
}
label {
    color: black;
    display: inline-block;
    background: #dae6f8;
    margin: 0 0 0.5em 0;
    padding: 0.3em 0.5em;
}

.container-login100 {
    min-height: 70vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 105px 15px;
}

.wrap-login100 {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 77px 55px 33px 55px;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 20px 7px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}

/* regisration */

.wrap-login200 {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 77px 25px 33px 25px;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 20px 7px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}


/*---------------------------------------------*/
.btn-show-pass {
    font-size: 15px;
    color: #999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    padding-right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-show-pass:hover {
    color: #6a7dfe;
    color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
    color: -o-linear-gradient(left, #21d4fd, #b721ff);
    color: -moz-linear-gradient(left, #21d4fd, #b721ff);
    color: linear-gradient(left, #21d4fd, #b721ff);
}

.btn-show-pass.active {
    color: #6a7dfe;
    color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
    color: -o-linear-gradient(left, #21d4fd, #b721ff);
    color: -moz-linear-gradient(left, #21d4fd, #b721ff);
    color: linear-gradient(left, #21d4fd, #b721ff);
}



/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 13px;
}

.container-login200-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding-top: 13px;
}


.wrap-login100-form-btn {
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 25px;
    overflow: hidden;
    margin: 0 auto;
}

.login100-form-bgbtn {
    position: absolute;
    z-index: -1;
    width: 300%;
    height: 100%;
    background: #a64bf4;
    background: -webkit-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
    background: -o-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
    background: -moz-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
    background: linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
    top: 0;
    left: -100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.login100-form-btn {
    font-family: Poppins-Medium;
    font-size: 25px;
    color: #fff;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 50px;
}

.wrap-login100-form-btn:hover .login100-form-bgbtn {
    left: 0;
}
.flex_none {
    display: flex;
    justify-content: space-between;
}