* {
   outline: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

body,
html {
   margin: 0;
   padding: 0;
}

body {
   font-family: "Roboto", Tahoma, Arial, sans-serif;
   font-size: 13px;
   line-height: 1.2;
   color: #1d1c1c;
   background: #edeef0;
   -webkit-text-size-adjust: none;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
}

.wrapper {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   min-height: 100%;
   /* height: 100vh; */
}

.layout,
.layout-fluid {
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;
}

.layout {
   max-width: 1280px;
}

.clr:after,
.layout:after,
.layout-fluid:after {
   display: block;
   clear: both;
   content: "";
}

/* grid */
.col-separator {
   -webkit-flex-basis: 40px;
   -ms-flex-preferred-size: 40px;
   flex-basis: 40px;
}

.col-separator:before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   height: 100%;
   width: 1px;
   background: #f0f3f5;
}

/* style */
a,
.link {
   color: #2666b9;
   text-decoration: none;
   cursor: pointer;
}

a:hover,
.link:hover {
   color: #f55403;
}

button.link {
   padding: 0;
   font-weight: 500;
   background: transparent;
}

.dashed {
   border-bottom: 1px dashed;
}

.pointer {
   cursor: pointer;
}

.margin-bottom {
   margin-bottom: 15px;
}

/* link color */
.link.is-gray {
   color: #92a3a9;
}

.link.is-gray:hover {
   color: #abbdca;
}

ul,
ol {
   list-style: none;
   margin: 0;
   padding: 0;
}

dl {
   margin: 0 0 20px;
}

dl:last-child {
   margin-bottom: 0;
}

dt,
dd {
   margin: 0 0 10px;
}

dd {
   font-weight: 500;
}

iframe {
   display: block;
   border: 0;
}

figure {
   margin-left: 0;
   margin-right: 0;
}

p {
   line-height: 1.5;
}

p:first-child {
   margin-top: 0 !important;
}

p:last-child {
   margin-bottom: 0 !important;
}

small {
   font-size: 80%;
}

hr {
   margin: 0;
   border: 1px solid #f0f3f5;
   border-width: 1px 0 0;
}

/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6,*/
/*.h1,*/
/*.h2,*/
/*.h3,*/
/*.h4,*/
/*.h5,*/
/*.h6 {*/
/*   margin-top: 25px;*/
/*   margin-bottom: 15px;*/
/*   font-weight: 500;*/
/*}*/

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
   margin-top: 0;
}

.w-100 {
   width: 100% !important;
}

.w-auto {
   width: auto !important;
   max-width: 100%;
}

.h-100 {
   height: 100% !important;
}

.h-auto {
   height: auto !important;
   max-height: 100%;
}

.list-cols-2 {
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
   -webkit-column-gap: 40px;
   -moz-column-gap: 40px;
   column-gap: 40px;
}

/* form */
button,
input,
select,
textarea {
   position: relative;
   font: inherit;
   color: inherit;
   margin: 0;
   border: 0;
   outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

textarea {
   overflow: auto;
   resize: vertical;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
   -webkit-appearance: button;
   cursor: pointer;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
   display: none;
}

.input,
.textarea,
.select {
   display: block;
   width: 100%;
   font-size: 13px;
   background-color: #edeef06e;
   border: 1px solid #e3e8ec;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.textarea {
   padding: 10px 15px;
}

.input,
.select {
   height: 34px;
   padding: 0 15px;
}

.select {
   padding-right: 25px;
   background: #edeef06e
   url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%238c939a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
   no-repeat right 9px center/8px 10px;
}

.input,
.textarea {
   -webkit-box-shadow: inset 0 1px 3px 0 rgba(231, 241, 251, 0.7);
   box-shadow: inset 0 1px 3px 0 rgba(231, 241, 251, 0.7);
}

.input:hover,
.textarea:hover,
.select:hover {
   background-color: #fff;
   border-color: rgba(76, 172, 234, 0.3);
   -webkit-box-shadow: 0 0 0 3px rgba(76, 189, 234, 0.1);
   box-shadow: 0 0 0 3px rgba(65, 181, 249, 0.1);
}

.input:focus,
.textarea:focus,
.select:focus {
   background-color: #fff;
   border-color: rgba(76, 172, 234, 0.4);
   -webkit-box-shadow: 0 0 0 3px rgba(76, 189, 234, 0.15);
   box-shadow: 0 0 0 3px rgba(65, 181, 249, 0.15);
}

.input_xs {
   height: 22px;
   padding: 0 7px;
   font-size: 12px;
}

.input_sm,
.select_sm {
   height: 30px;
   padding: 0 7px;
}

.select_sm {
   padding-right: 20px;
   background-position: right 7px center;
   background-size: 7px 9px;
}

.input_lg,
.select_lg {
   height: 40px;
}

.input_noborder {
   border: 0;
}

.input_rounded {
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   border-radius: 25px;
}

/* input label */
.input-label {
   position: relative;
}

.input-label label {
   position: absolute;
   top: 50%;
   left: 15px;
   color: #828282;
   pointer-events: none;
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.input-label .input:focus ~ label,
.input-label .input:not(:focus):valid ~ label,
.input-label .input:not(:focus):read-only ~ label {
   top: 0;
   left: 13px;
   padding: 0 4px;
   font-size: 10px;
   background: #fff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

/* input group */
.input-group,
.input-group__pre,
.input-group__end {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.input-group__label {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   min-width: 28px;
   padding: 0 10px;
   font-size: 12px;
   white-space: nowrap;
   color: #76808c;
   border: 1px solid #e3e8ec;
}

.input-group__pre .input-group__label {
   -webkit-border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.input-group__end .input-group__label {
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.input-group .input:not(:first-child),
.input-group .select:not(:first-child),
.input-group__end .button {
   -webkit-border-top-left-radius: 0;
   -webkit-border-bottom-left-radius: 0;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-bottomleft: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-left: 0;
}

.input-group__end .input,
.input-group__end .select {
   -webkit-border-top-left-radius: 0;
   -webkit-border-bottom-left-radius: 0;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-bottomleft: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.input-group .input:not(:last-child),
.input-group .select:not(:last-child),
.input-group__pre .button {
   -webkit-border-top-right-radius: 0;
   -webkit-border-bottom-right-radius: 0;
   -moz-border-radius-topright: 0;
   -moz-border-radius-bottomright: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right: 0;
}

.input-group__pre .input,
.input-group__pre .select {
   -webkit-border-top-right-radius: 0;
   -webkit-border-bottom-right-radius: 0;
   -moz-border-radius-topright: 0;
   -moz-border-radius-bottomright: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

/* checkbox / radio */
.checkbox {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   cursor: pointer;
}

.checkbox_inline {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   vertical-align: top;
   margin-right: 15px;
}

.checkbox_inline:last-child {
   margin-right: 0;
}

.checkbox__input {
   display: none;
}

.checkbox__label {
   margin-left: 7px;
   line-height: 1.3;
}

.checkbox__box {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   position: relative;
   width: 16px;
   height: 16px;
   background: #f9fbfd;
   border: 1px solid #e3e8ec;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.checkbox__box:before {
   position: absolute;
   top: 3px;
   left: 3px;
   width: 8px;
   height: 8px;
   background: #2666b9;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.checkbox__input:checked ~ .checkbox__box:before {
   content: "";
}

/* checkbox radio */
.checkbox_radio .checkbox__box,
.checkbox_radio .checkbox__box:before,
.checkbox_switch .checkbox__box:before {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

/* checkbox switch */
.checkbox_switch .checkbox__box {
   width: 28px;
   -webkit-border-radius: 19px;
   -moz-border-radius: 19px;
   border-radius: 19px;
   -webkit-transition: 0.4s;
   -moz-transition: 0.4s;
   transition: 0.4s;
}

.checkbox_switch .checkbox__box:before {
   content: "";
   background: #b8bcc7;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   transition: 0.3s;
}

.checkbox_switch .checkbox__input:checked ~ .checkbox__box {
   background: #2666b9;
   border-color: transparent;
}

.checkbox_switch .checkbox__input:checked ~ .checkbox__box:before {
   left: 15px;
   background: #fff;
}

/* checkbox toggle */
.checkbox_toggle .checkbox__box {
   width: 40px;
}

.checkbox_toggle .checkbox__box:after {
   content: "OFF";
   position: absolute;
   top: 0;
   right: 5px;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: -0.3px;
   color: #85868a;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   transition: 0.3s;
}

.checkbox_toggle .checkbox__input:checked ~ .checkbox__box {
   background: #2da927;
   border-color: transparent;
}

.checkbox_toggle .checkbox__input:checked + .checkbox__box:before {
   left: 27px;
   background: #fff;
}

.checkbox_toggle .checkbox__input:checked ~ .checkbox__box:after {
   content: "ON";
   left: 5px;
   right: auto;
   color: #fff;
}

/* checkbox icon */
.checkbox_icon .checkbox__box {
   color: #b9c2d0;
   background: transparent;
   border-color: transparent;
}

.checkbox_icon .checkbox__input:checked ~ .checkbox__box {
   color: #2666b9;
}

.checkbox_icon .checkbox__input:checked ~ .checkbox__box:before {
   content: none;
}

/* checkbox size */
.checkbox_sm .checkbox__label {
   line-height: 1.2;
}

.checkbox_sm .checkbox__box {
   width: 15px;
   height: 15px;
}

.checkbox_sm .checkbox__box:before {
   width: 7px;
   height: 7px;
}

.checkbox_sm.checkbox_switch .checkbox__box {
   width: 24px;
}

.checkbox_sm.checkbox_switch .checkbox__input:checked + .checkbox__box:before {
   left: 12px;
}

.checkbox_sm.checkbox_toggle .checkbox__box {
   width: 36px;
}

.checkbox_sm.checkbox_toggle .checkbox__box:after {
   top: 1px;
   right: 4px;
   font-size: 10px;
}

.checkbox_sm.checkbox_toggle .checkbox__input:checked ~ .checkbox__box:after {
   left: 4px;
}

.checkbox_sm.checkbox_toggle .checkbox__input:checked + .checkbox__box:before {
   left: 24px;
}

.checkbox_lg .checkbox__label {
   font-size: 14px;
   line-height: 1.4;
}

.checkbox_lg .checkbox__box {
   width: 20px;
   height: 20px;
}

.checkbox_lg .checkbox__box:before {
   width: 12px;
   height: 12px;
}

.checkbox_lg.checkbox_switch .checkbox__box {
   width: 32px;
}

.checkbox_lg.checkbox_icon .checkbox__box {
   font-size: 14px;
}

.checkbox_lg.checkbox_toggle .checkbox__box {
   width: 46px;
}

.checkbox_lg.checkbox_toggle .checkbox__box:after {
   top: 2px;
   right: 6px;
}

.checkbox_lg.checkbox_toggle .checkbox__input:checked ~ .checkbox__box:after {
   left: 6px;
}

.checkbox_lg.checkbox_toggle .checkbox__input:checked ~ .checkbox__box:before {
   left: 29px;
}

.checkbox-disabled {
   opacity: 0.5;
}

/* button upload */
.button-upload__input {
   display: none;
}

.button-upload-result {
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 250px;
   max-width: 300px;
   padding: 10px;
   text-align: left;
   background: #fff;
   border: 1px solid #e2e7e8;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 7px 15px rgb(15 9 47 / 10%), 0 0 1px rgb(23 23 45 / 5%);
   box-shadow: 0 7px 15px rgb(15 9 47 / 10%), 0 0 1px rgb(23 23 45 / 5%);
   z-index: 2;
}

.button-upload-result__file {
   font-weight: 500;
}

.button-upload-result__alert {
   list-style: disc;
   font-size: 12px;
}

.button-upload-result__alert li {
   margin: 5px 0 5px 15px;
}

.button-upload-result__progress {
   margin-bottom: 7px;
}

/* button */
.button {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   height: 34px;
   padding: 0 10px;
   font-size: 13px;
   font-weight: 500;
   color: #1d1c1c;
   background: transparent;
   border: 1px solid transparent;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.button:active {
   -moz-transform: scale(0.98);
   -ms-transform: scale(0.98);
   -webkit-transform: scale(0.98);
   -o-transform: scale(0.98);
   transform: scale(0.98);
}

.button_xs {
   height: 22px;
   font-size: 12px;
   line-height: 1.3;
}

.button_sm {
   height: 30px;
   font-size: 12px;
}

.button_lg {
   height: 40px;
   padding: 0 15px;
   font-size: 14px;
}

.button_rounded {
   -webkit-border-radius: 17px;
   -moz-border-radius: 17px;
   border-radius: 17px;
}

/* delete */
.button i {
   margin-right: 7px;
}

.button_icon i {
   margin-right: 0;
}
/* .delete */

.button-icon {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   padding: 0;
   width: 34px;
   height: 34px;
   color: #b2b6c7;
   background: #f0f4f7;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.button-icon:hover {
   color: #92a3a9;
   background: #f0f3f5;
}

.button-icon_xs {
   width: 22px;
   height: 22px;
}

.button-icon_sm {
   width: 30px;
   height: 30px;
}

.button-icon_lg {
   width: 40px;
   height: 40px;
}

.button-icon_circle {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

/* button color */
[class^="button"].is-green {
   color: #fff;
   background: #32a551;
}

[class^="button"].is-green:hover {
   color: #fff;
   background: #20ad46;
}

[class^="button"].is-green-light {
   color: #fff;
   background: #3db95e;
}

[class^="button"].is-green-light:hover {
   color: #fff;
   background: #3abb5d;
}

[class^="button"].is-red {
   color: #fff;
   background: #db2422;
}

[class^="button"].is-red:hover {
   color: #fff;
   background: #ea3d3b;
}

[class^="button"].is-gray {
   color: #7b868e;
   background: #e3e8ec;
}

[class^="button"].is-gray:hover {
   color: #86949e;
   background: #e8eef3;
}

[class^="button"].is-gray-light {
   color: #92a3a9;
   background: #f0f4f7;
}

[class^="button"].is-gray-light:hover {
   /*color: #92a3a9;*/
   /*background: #f0f3f5;*/
   color: #757b84;
   background: #e3e8ec;

}

[class^="button"].is-blue {
   color: #fff;
   background: #4283e4;
}

[class^="button"].is-blue:hover {
   color: #fff;
   background: #3275da;
}

[class^="button"].is-white {
   background: #fff;
}

[class^="button"].is-white:hover {
   color: #73777b;
   background: #fff;
}

[class^="button"].is-white-border {
   color: #fff;
   border-color: #fff;
}

[class^="button"].is-white-border:hover {
   color: #73777b;
   background: #fff;
}

[class^="button"].is-gray-border {
   border-color: #e3e8ec;
}

[class^="button"].is-gray-border:hover {
   color: #7e848a;
   border-color: #d7dfe6;
}

[class^="button"].is-blue-border {
   color: #89a9cc;
   border-color: #a2bfde;
}

[class^="button"].is-blue-border:hover {
   color: #88b4e4;
   border-color: #cee6ff;
}

/* button group */
.button-group {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.button-group .button:not(:last-child),
.button-group .button-icon:not(:last-child) {
   -webkit-border-top-right-radius: 0;
   -webkit-border-bottom-right-radius: 0;
   -moz-border-radius-topright: 0;
   -moz-border-radius-bottomright: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.button-group .button:not(:first-child),
.button-group .button-icon:not(:first-child) {
   -webkit-border-top-left-radius: 0;
   -webkit-border-bottom-left-radius: 0;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-bottomleft: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

/* button group separator */
.button-group_separator .button {
   border-right: 1px solid rgb(0 0 0 / 10%);
}

.button-group_separator .button:last-child {
   border-right: 0;
}

/* button group fill / justified */
.button-group_fill .button {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}

.button-group_justified .button {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.button-group_fill .button,
.button-group_justified .button {
   width: 100%;
}

/* button updown */
.button-updown {
   position: fixed;
   bottom: 70px;
   right: 20px;
   background: #4283e4;
   color: #fff;
   -webkit-box-shadow: 0 10px 15px rgb(24 70 138 / 30%);
   box-shadow: 0 10px 15px rgb(24 70 138 / 30%);
   z-index: 2;
}

.button-updown:hover {
   background: #316eca;
   color: #fff;
   -webkit-box-shadow: 0 8px 12px rgb(24 70 138 / 40%);
   box-shadow: 0 8px 12px rgb(24 70 138 / 40%);
}

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

.table > thead > tr.nowrap, .table > tbody > tr.nowrap {
   white-space: nowrap;
}

.table > thead > tr > th,
.table > tbody > tr > td {
   vertical-align: top;
   padding: 10px 15px;
   border-bottom: 1px solid #ebf0f4;
}

.table tr:last-child td {
   border-bottom: 0;
}

.table thead tr {
   background: none !important;
}

.table thead th {
   color: #414852;
   font-weight: 500;
   text-align: left;
}

.table tfoot {
   border-top: 1px solid #e5ecf1;
}

.table caption {
   padding: 10px 15px;
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   color: #6b6e71;
   background: #ebf0f4;
}

.table .table__avatar {
   padding: 10px 0px 10px 15px;
}

.table .table__avatar img {
   width: 30px;
   height: 30px;
   border: 0;
   border-radius: 50%;
}

/* table size */
.table_xs > thead > tr > th,
.table_xs > tbody > tr > td {
   padding: 7px;
   font-size: 12px;
}

.table_sm > thead > tr > th,
.table_sm > tbody > tr > td {
   padding: 7px;
   font-size: 12px;
}

.table_lg > thead > tr > th,
.table_lg > tbody > tr > td {
   padding-top: 12px;
   padding-bottom: 12px;
}

/* table middle */
.table_middle > tbody > tr > td,
.table_middle > tbody > tr > td img,
.table_middle > tbody > tr > td svg,
.table_middle > tbody > tr > td .checkbox {
   vertical-align: middle;
}

/* table striped */
.table_striped > tbody > tr:nth-of-type(odd),
.table_striped4 > tbody > tr:nth-of-type(4n + 1) {
   background: #f9f9f9;
}

.table_striped > tbody > tr > td,
.table_striped4 > tbody > tr > td {
   border-bottom: 0;
}

.table_rounded {
   overflow: hidden;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

/* table border */
.table_border {
   border: 1px solid #ebf0f4;
}

/* table bordered */
.table_bordered > thead > tr > th,
.table_bordered > tbody > tr > td {
   border: 1px solid #ebf0f4 !important;
}

/* table head border */
.table_head-border > thead > tr > th {
   border-left: 1px solid #ebf0f4;
}

.table_head-border > thead > tr > th:first-child {
   border-left: 0;
}

.table tbody tr:hover {
   background: #fffbef !important;
}

.table tbody tr.is-nohover,
.table thead tr:hover {
   background: none !important;
}

/* table sort */
.table > thead > tr > th.is-sort {
   cursor: pointer;
}

/* .table > thead > tr > th.is-sort:after {
   content: '\f0dc';
   vertical-align: middle;
   margin-left: 7px;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   color: #c1c7d0;
 }

 .table > thead > tr >th.is-sort:hover:after {
   color: #ec9367;
 }

 .table > thead > tr > th.is-sort_asc:after {
   content: '\f0de';
   color: #ec9367;
 }

 .table > thead > tr > th.is-sort_desc:after {
   content: '\f0dd';
   color: #ec9367;
 } */

/* table align */
.table.t-center > thead > tr > th {
   text-align: center;
}

/* table color */
.table.is-gray-light {
   background: #f9fcff;
}

.table.is-gray-light > tfoot {
   background: #f0f4f7;
}

.table thead.is-blue > tr > th {
   background: #dae7f1;
   border-color: #c7dbec !important;
}

.table thead.is-gray > tr > th {
   background: #f0f4f7;
   border-color: #e3eaef !important;
}

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

/* text color */
.t-green {
   color: #009900 !important;
}

.t-red {
   color: #fb4444 !important;
}

.t-blue {
   color: #0066ff !important;
}

.t-gray {
   color: #333 !important;
}

/* font weight */
.t-bold {
   font-weight: 700 !important;
}

.t-medium {
   font-weight: 500 !important;
}

.t-normal {
   font-weight: 400 !important;
}

/* text align */
.t-left {
   text-align: left !important;
}

.t-center {
   text-align: center !important;
}

.t-right {
   text-align: right !important;
}

.t-justify {
   text-align: justify !important;
}

.t-nowrap {
   white-space: nowrap !important;
}

/* truncate */
.t-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

/* text blink */
.t-blink {
   -webkit-animation: blink 2s step-start 0s infinite;
   animation: blink 2s step-start 0s infinite;
}

@-webkit-keyframes blink {
   50% {
      opacity: 0;
   }
}
@keyframes blink {
   50% {
      opacity: 0;
   }
}

/* text size */
.t-xs {
   font-size: 12px;
}

.t-sm {
   font-size: 12px;
}

.t-lg {
   font-size: 15px;
}

/* align */
.align-top {
   vertical-align: top !important;
}

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

.align-bottom {
   vertical-align: bottom !important;
}

.align-t-bottom {
   vertical-align: text-bottom !important;
}

.align-t-top {
   vertical-align: text-top !important;
}

.align-items-start {
   -ms-flex-align: start !important;
   align-items: flex-start !important;
}

.align-items-end {
   -ms-flex-align: end !important;
   align-items: flex-end !important;
}

.align-items-center {
   -ms-flex-align: center !important;
   align-items: center !important;
}

.align-self-start {
   -ms-flex-item-align: start !important;
   align-self: flex-start !important;
}

.align-self-end {
   -ms-flex-item-align: end !important;
   align-self: flex-end !important;
}

.align-self-center {
   -ms-flex-item-align: center !important;
   align-self: center !important;
}

.align-self-stretch {
   -ms-flex-item-align: stretch !important;
   align-self: stretch !important;
}

.justify-content-start {
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
}

.justify-content-end {
   -ms-flex-pack: end !important;
   justify-content: flex-end !important;
}

.justify-content-center {
   -ms-flex-pack: center !important;
   justify-content: center !important;
}

.justify-content-between {
   -ms-flex-pack: justify !important;
   justify-content: space-between !important;
}

/* display */
.d-none {
   display: none !important;
}

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

/* ui block */
.ui-block {
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 2px #dadbde;
   box-shadow: 0 1px 2px #dadbde;
}

/* ui form */
.ui-form__field {
   margin-bottom: 20px;
}

.ui-form__field:last-child {
   margin-bottom: 0;
}

.ui-form__note {
   display: inline-block;
   margin-top: 7px;
   font-size: 12px;
   line-height: 1.3;
   color: #989fa7;
}

.ui-form__label + .ui-form__note {
   margin: 0 0 7px 7px;
}

.ui-form__label {
   display: inline-block;
   margin-bottom: 7px;
   font-weight: 500;
}

.col-label {
   margin: 0;
   padding-top: 10px;
   padding-bottom: 9px;
}

.col-label_sm {
   padding-top: 8px;
   padding-bottom: 7px;
}

.ui-form__buttons {
   display: flex;
   gap: 10px;
}

/* ui option */
.ui-option {
   cursor: pointer;
}

.ui-option__input {
   display: none;
}

.ui-option__box {
   background: #f8fbff;
   border: 1px solid rgba(76, 172, 234, 0.2);
   -webkit-box-shadow: 0 0 0 3px rgba(76, 189, 234, 0.05);
   box-shadow: 0 0 0 3px rgba(65, 181, 249, 0.05);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.ui-option__box:hover {
   border-color: rgba(76, 172, 234, 0.3);
   -webkit-box-shadow: 0 0 0 3px rgba(76, 189, 234, 0.1);
   box-shadow: 0 0 0 3px rgba(65, 181, 249, 0.1);
}

.ui-option__input:checked ~ .ui-option__box {
   background: #f4fff3;
   border-color: rgba(52, 193, 118, 0.4);
   -webkit-box-shadow: 0 0 0 3px rgba(72, 216, 83, 0.15);
   box-shadow: 0 0 0 3px rgba(72, 216, 83, 0.15);
}

/* ui badge */
.ui-badge {
   display: inline-block;
   padding: 3px 5px;
   font-size: 13px;
   line-height: 1.2;
   font-weight: 500;
   color: #5c667b;
   background: #e8eefb;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-badge_xs {
   padding: 1px 4px;
   font-size: 12px;
}

.ui-badge_sm {
   font-size: 12px;
}

.ui-badge_lg {
   padding: 6px 10px;
   line-height: 1.4;
}

.ui-badge_rounded {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

/* ui badge color */
.ui-badge.is-green {
   color: #fff;
   background: #1f7255;
}

/* ui avatar */
.ui-avatar {
   position: relative;
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.ui-avatar img {
   width: 34px;
   height: 34px;
   padding: 2px;
   border: 1px solid #e2e4ea;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.ui-avatar:hover img {
   border-color: #ffd760;
}

.ui-avatar_sm img {
   width: 25px;
   height: 25px;
}

.ui-avatar_lg img {
   width: 54px;
   height: 54px;
}

.ui-avatar-upload img {
   width: auto;
   height: auto;
}

.ui-avatar-upload .button-upload {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

.ui-avatar-upload .button-upload label {
   opacity: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.ui-avatar-upload .button-upload:hover label {
   opacity: 1;
   color: #fff;
   background: rgb(132 133 148 / 70%);
}

.table .ui-avatar {
   vertical-align: middle;
}

.ui-avatar.is-online:before,
.ui-avatar.is-offline:before {
   content: "";
   position: absolute;
   right: -1px;
   bottom: 2px;
   width: 6px;
   height: 6px;
   background: #16a529;
   border: 2px solid #fff;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
}

.ui-avatar.is-offline:before {
   background: #de4a4a;
}

/* ui user */
.ui-user {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.ui-user__avatar {
   margin-right: 10px;
}

.ui-user__name {
   display: block;
   max-width: 140px;
   font-weight: 500;
   color: #2b2d2d;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.ui-user__name_count {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: baseline;
   -webkit-box-align: baseline;
   -webkit-align-items: baseline;
   -ms-flex-align: baseline;
}

.ui-user__stat {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-top: 3px;
   white-space: nowrap;
}

.ui-user__stat-profit {
   width: 100px;
}

/* ui date */
.ui-date {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   -ms-flex-direction: column;
   flex-direction: column;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   height: 34px;
   padding: 3px;
   font-size: 12px;
   line-height: 1;
   font-weight: 500;
   white-space: nowrap;
   background: #fff;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-date__day {
   margin-bottom: 4px;
   color: #989fa7;
}

.ui-date__hour {
   color: #080e13;
}

.ui-date_inline {
   -ms-flex-direction: row;
   flex-direction: row;
   height: auto;
}

.ui-date_inline .ui-date__day {
   margin: 0 4px 0 0;
}

/* ui timer */
.ui-timer__head {
   margin-bottom: 10px;
}

.ui-timer__item {
   display: inline-block;
   margin-right: 15px;
   text-align: center;
}

.ui-timer__item:last-child {
   margin-right: 0;
}

/* ui calendar */
.ui-calendar {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.ui-calendar input {
   padding: 0;
   font-weight: 500;
   text-align: center;
   color: #fff;
   background: #3178ca;
   background: -moz-linear-gradient(top, #3178ca 0%, #359ece 100%);
   background: -webkit-linear-gradient(top, #3178ca 0%, #359ece 100%);
   background: linear-gradient(to bottom, #3178ca 0%, #359ece 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3178ca', endColorstr='#359ece',GradientType=0 );
   border: 0;
   box-shadow: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   cursor: pointer;
}

.ui-calendar__arrow {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   color: #92a3a9;
   background: #f0f4f7;
   cursor: pointer;
}

.ui-calendar__arrow_prev {
   -webkit-border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.ui-calendar__arrow_next {
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.ui-calendar__arrow:hover {
   opacity: 0.8;
}

/* ui popup */
.ui-popup,
.ui-overlay {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

.ui-popup {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   padding: 20px;
   z-index: 99;
}

.ui-popup__container {
   position: relative;
   width: 560px;
   padding: 10px 0;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-popup__close {
   position: absolute;
   top: 2px;
   right: 2px;
   width: 28px;
   height: 28px;
}

.ui-popup__close:hover {
   color: #f55403;
}

.ui-overlay {
   overflow: hidden;
   background: rgba(12, 29, 67, 0.33);
   z-index: 98;
}

.content-container__left .ui-overlay,
.content-container__right .ui-overlay {
   z-index: 15;
}

.ui-popup__title {
   padding: 15px 20px 0;
   font-size: 22px;
   font-weight: 500;
}

.ui-popup__desc {
   padding: 10px 20px;
   line-height: 1.5;
   color: #989fa7;
}

.ui-popup__header {
   padding: 15px 20px 0;
}

.ui-popup__body {
   padding: 15px 20px;
}

.ui-popup__foot {
   padding: 15px 20px 5px;
   line-height: 1.5;
   border-top: 1px solid #f0f3f5;
}

.ui-popup__block {
   border-bottom: 1px solid #f0f3f5;
}

.ui-popup__block:last-child {
   border-bottom: 0;
}

.ui-popup__block.is-padding {
   padding: 15px 20px;
}

/* ui icon */
.ui-icon {
   fill: currentColor;
}

/* ui text border */
.ui-text-border {
   overflow: hidden;
   margin: 15px 0;
   font-size: 12px;
   text-align: center;
   color: #989fa7;
}

.ui-text-border:before,
.ui-text-border:after {
   content: "";
   display: inline-block;
   vertical-align: middle;
   width: 100%;
   height: 1px;
   margin: 0 10px;
   background: #e3e8ec;
}

.ui-text-border:before {
   margin-left: -100%;
}

.ui-text-border:after {
   margin-right: -100%;
}

.ui-text-border:first-child {
   margin-top: 0;
}

/* ui alert */
.ui-alert {
   padding: 10px 15px;
   font-weight: 500;
   line-height: 1.5;
   color: #767980;
   border: 1px solid #f0f3f5;
   border-left-width: 3px;
   border-left-color: #f0ad4e;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-alert_custom {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.ui-alert__icon {
   margin-right: 15px;
   font-size: 18px;
}

.ui-alert_center {
   flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   text-align: center;
   border-width: 3px 1px 1px;
}

.ui-alert_center .ui-alert__icon {
   margin: 0 0 10px;
}

.ui-alert.is-green {
   color: #6c8a74;
   background: #f6fff9;
   border-color: #e3f5e9;
   border-left-color: #32a551;
}

.ui-alert.is-green .ui-alert__icon {
   color: #32a551;
}

.ui-alert.is-green.ui-alert_center {
   border-color: #e3f5e9;
   border-top-color: #32a551;
}

.ui-alert.is-red {
   color: #8a6c6c;
   background: #fff6f6;
   border-color: #ffdcdc;
   border-left-color: #dc0707;
}

.ui-alert.is-red .ui-alert__icon {
   color: #dc0708;
}

.ui-alert.is-red.ui-alert_center {
   border-color: #ffdcdc;
   border-top-color: #dc0707;
}

/* ui img */
.ui-img-fluid {
   max-width: 100%;
   height: auto;
}

.ui-img-thumb {
   padding: 10px;
   background: #fff;
   border: 1px solid #ececec;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

/* ui figure */
.ui-figure {
   display: inline-block;
}

.ui-figure__caption {
   margin-top: 10px;
   color: #989fa7;
}

/* ui img box */
.ui-img-box {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
}

.ui-img-box_rounded {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-img-box_circle {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.ui-img-box img {
   max-width: 100%;
   max-height: 100%;
}

.ui-img-box.is-green {
   color: #3fbb87 !important;
   background: #d7fbe1 !important;
}

.ui-img-box.is-yellow {
   color: #f8b347 !important;
   background: #f8f0e5 !important;
}

.ui-img-box.is-blue {
   color: #4795f8 !important;
   background: #e5f4f8 !important;
}

.ui-img-box.is-red {
   color: #f86947 !important;
   background: #f8e5e5 !important;
}

/* ui dropdown */
.ui-dropdown {
   position: relative;
}

.ui-dropdown__toggle:after {
   content: "";
   display: inline-block;
   vertical-align: middle;
   margin-left: 4px;
   border-top: 4px solid;
   border-right: 4px solid transparent;
   border-bottom: 0;
   border-left: 4px solid transparent;
}

.ui-dropdown__menu,
#dropmenudiv {
   display: none;
   background: #fff;
   border: 1px solid #e2e7e8;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 7px 15px rgba(15, 9, 47, 0.1), 0 0 1px rgba(23, 23, 45, 0.05);
   box-shadow: 0 7px 15px rgba(15, 9, 47, 0.1), 0 0 1px rgba(23, 23, 45, 0.05);
}

#dropmenudiv {
   padding: 3px 0;
   opacity: 1 !important;
}

.ui-dropdown__menu {
   position: absolute !important;
   top: 100%;
   left: 0;
   margin: 5px 0 0;
   z-index: 7;
}

.ui-dropdown__menu:before {
   content: "";
   position: absolute;
   top: -3px;
   left: 17px;
   width: 8px;
   height: 8px;
   background: #fff;
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.07);
   box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.07);
}

.ui-dropdown.is-active .ui-dropdown__menu {
   display: block;
}

.ui-dropdown__list {
   max-height: 250px;
   max-width: 343px;
   padding: 3px 0;
   overflow-x: hidden;
}

.ui-dropdown__item,
#dropmenudiv a {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 7px 15px;
   font-size: 13px;
   color: #2b2d2d;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   border-bottom: 1px solid #f0f3f5;
}

.ui-dropdown__item svg {
   margin-right: 5px;
}

.ui-dropdown__item:last-child,
#dropmenudiv a:last-child {
   border: 0;
}

.ui-dropdown__item:hover,
#dropmenudiv a:hover {
   color: #81868c;
   background: #f0f3f5;
}

.ui-dropdown_left .ui-dropdown__menu {
   left: auto;
   right: 0;
}

.ui-dropdown_left .ui-dropdown__menu:before {
   left: auto;
   right: 15px;
}

.ui-dropdown_up .ui-dropdown__toggle:after {
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transform: rotate(-180deg);
}

.ui-dropdown_up .ui-dropdown__menu {
   top: auto;
   bottom: 100%;
   margin: 0 0 5px;
}

.ui-dropdown_up .ui-dropdown__menu:before {
   top: auto;
   bottom: -3px;
   -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.07);
   box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.07);
}

/* ui tabs */
.ui-tabs {
   -webkit-box-shadow: inset 0 -1px 0 #f0f3f5;
   box-shadow: inset 0 -1px 0 #f0f3f5;
}

.ui-tabs,
.ui-tabs__list {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.ui-tabs__list.is-noscroll {
   overflow-x: visible !important;
}

.section__tabs .ui-tabs {
   padding-left: 20px;
   padding-right: 20px;
}

.section__tabs:last-child .ui-tabs {
   box-shadow: none;
}

.widget__tabs .ui-tabs {
   padding-left: 15px;
   padding-right: 15px;
}

.ui-popup__tabs .ui-tabs {
   padding-left: 20px;
   padding-right: 20px;
}

.ui-tabs__item {
   margin-right: 20px;
}

.ui-tabs__link {
   position: relative;
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   height: 34px;
   font-size: 13px;
   color: #1d1c1c;
   white-space: nowrap;
   cursor: pointer;
}
.ui-tabs__link:hover {
   color: #f55403;
}

.ui-tabs__link i,
.ui-tabs__link svg,
.ui-dropdown__item i {
   margin-right: 5px;
}

.ui-tabs__link .ui-badge:empty {
   display: none;
}

.ui-tabs__item.is-current .ui-tabs__link {
   font-weight: 500;
   color: #2666b9;
   -webkit-box-shadow: inset 0 -2px 0 #2666b9;
   box-shadow: inset 0 -2px 0 #2666b9;
}

.ui-tabs__item_more {
   -webkit-box-flex: 0 !important;
   -ms-flex: 0 0 !important;
   flex: 0 0 !important;
}

.ui-tabs__item_more .ui-tabs__link:hover {
   color: #a1aab1;
}

.ui-tabs__item_calendar {
   max-width: 130px;
   min-width: 130px;
   margin-left: 20px;
   margin-right: 0 !important;
}

.ui-tabs__item_calendar .ui-calendar__arrow {
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
   -moz-border-radius-bottomright: 0;
   -moz-border-radius-bottomleft: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.ui-tabs__item_widget,
.ui-tabs__item_calendar-icon {
   display: none;
   -webkit-box-flex: 0 !important;
   -ms-flex: 0 0 !important;
   flex: 0 0 !important;
}

.ui-tabs__item_widget .ui-tabs__link,
.ui-tabs__item_calendar-icon .ui-tabs__link {
   color: #fff;
   background: #2666b9;
   border-color: transparent !important;
}

.ui-tabs__item_calendar-icon .ui-tabs__link {
   padding: 0 10px;
}

.ui-tabs__item_calendar-icon .ui-tabs__link svg {
   margin: 0;
}

/* tabs size */
.ui-tabs_sm .ui-tabs__item {
   margin-right: 15px;
}

.ui-tabs_sm .ui-tabs__link {
   font-size: 12px;
}

.ui-tabs_lg .ui-tabs__item {
   margin-right: 25px;
}

.ui-tabs_lg .ui-tabs__link {
   font-size: 14px;
   height: 44px;
}

/* tabs fill / justified */
.ui-tabs_fill .ui-tabs__list:first-child,
.ui-tabs_justified .ui-tabs__list:first-child {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.ui-tabs_fill .ui-tabs__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}

.ui-tabs_justified .ui-tabs__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.ui-tabs_fill .ui-tabs__link,
.ui-tabs_justified .ui-tabs__link {
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   width: 100%;
   text-align: center;
}

/* tabs button */
.ui-tabs_button {
   padding-top: 15px;
   border-bottom: 2px solid #2666b9;
   box-shadow: none;
}

.ui-tabs_button .ui-tabs__item {
   margin-right: 5px !important;
}

.ui-tabs_button .ui-tabs__link {
   height: 30px;
   padding: 0 14px;
   border: 1px solid #ebf0f4;
   border-width: 1px 1px 0;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-tabs_button .ui-tabs__item.is-current .ui-tabs__link {
   color: #fff;
   background: #2666b9;
   border-color: transparent;
   box-shadow: none;
}

.ui-tabs_button .ui-tabs__item.is-current .ui-badge {
   color: rgb(255 255 255 / 80%);
   background: rgb(0 0 0 / 20%);
}

.ui-tabs_button .ui-tabs__item_more .ui-tabs__link {
   background: #ebf0f4;
}

/* tabs color */
.ui-tabs.is-gray {
   border-color: #7e8fab;
}

.ui-tabs.is-gray .ui-tabs__item.is-current .ui-tabs__link {
   background: #7e8fab;
}

.ui-tabs__item:last-child {
   margin-right: 0 !important;
}

.ui-tabs .ui-dropdown__menu {
   margin-top: -2px;
}

/* tabs sport */
.ui-tabs.is-sport1 {
   border-color: #29915e;
}

.ui-tabs.is-sport1 .ui-tabs__item.is-current .ui-tabs__link {
   background: #29915e;
}

.ui-tabs.is-sport1 + .livescores-filter__bar {
   background: #22794f;
}

.ui-tabs.is-sport2 {
   border-color: #c3ba35;
}

.ui-tabs.is-sport2 .ui-tabs__item.is-current .ui-tabs__link {
   background: #a79f2c;
}

.ui-tabs.is-sport2 + .livescores-filter__bar {
   background: #928b20;
}

.ui-tabs.is-sport3 {
   border-color: #c33535;
}

.ui-tabs.is-sport3 .ui-tabs__item.is-current .ui-tabs__link {
   background: #c33535;
}

.ui-tabs.is-sport3 + .livescores-filter__bar {
   background: #a72d2d;
}

.ui-tabs.is-sport5 {
   border-color: #906f44;
}

.ui-tabs.is-sport5 .ui-tabs__item.is-current .ui-tabs__link {
   background: #906f44;
}

.ui-tabs.is-sport5 + .livescores-filter__bar {
   background: #775c38;
}

.ui-tabs.is-sport7 {
   border-color: #13406d;
}

.ui-tabs.is-sport7 .ui-tabs__item.is-current .ui-tabs__link {
   background: #13406d;
}

.ui-tabs.is-sport7 + .livescores-filter__bar {
   background: #0f3256;
}

.ui-tabs.is-sport12 {
   border-color: #b57434;
}

.ui-tabs.is-sport12 .ui-tabs__item.is-current .ui-tabs__link {
   background: #b57434;
}

.ui-tabs.is-sport12 + .livescores-filter__bar {
   background: #8e5a28;
}

/* tab content */
.tab-content {
   display: none;
}

.tab-content.is-active {
   display: block;
}

/* ui filter */
.ui-filter__group {
   margin-bottom: 14px;
}

.ui-filter__group:last-child {
   margin: 0;
}

.ui-filter__item {
   border-bottom: 1px solid #f0f3f5;
}

.ui-filter__item:last-child {
   border: 0;
}

.ui-filter__head {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 10px 15px;
   font-weight: 500;
   color: #505c6f;
   cursor: pointer;
}

.ui-filter__head:after {
   content: "";
   display: inline-block;
   margin-left: auto;
   border-top: 4px solid;
   border-right: 4px solid transparent;
   border-bottom: 0;
   border-left: 4px solid transparent;
   color: #a3aeb7;
}

.ui-filter__content {
   padding: 15px;
}

.ui-filter__content-head {
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #f0f3f5;
}

.ui-filter__head + .ui-filter__content {
   padding-top: 0;
}

.ui-filter__item_range .ui-filter__content {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.ui-filter__item_range .ui-filter__content i {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   margin: 0 5px;
   height: 1px;
   width: 10px;
   background: #463c3e;
}

.ui-filter .checkbox {
   margin-bottom: 8px;
}

.ui-filter .checkbox:last-child {
   margin: 0;
}

.ui-filter__item:hover {
   background: #f8fafd;
}

.ui-filter__item.is-hide .ui-filter__content {
   display: none;
}

.ui-filter__item.is-hide .ui-filter__head:after {
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transform: rotate(-180deg);
}

.ui-filter__item.is-choice .ui-filter__head:before {
   content: "";
   position: absolute;
   top: -moz-calc(50% - 9px);
   top: calc(50% - 9px);
   left: 0;
   width: 4px;
   height: 18px;
   background: #2666b9;
   -webkit-border-top-right-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -moz-border-radius-topright: 3px;
   -moz-border-radius-bottomright: 3px;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
}

/* ui card */
.ui-card {
   padding: 20px;
}

.ui-card__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.ui-card__icon {
   height: 44px;
   width: 44px;
   margin-right: 15px;
   font-size: 22px;
   color: #b2b6c7;
   background: #f0f4f7;
}

.ui-card__title {
   font-size: 17px;
   font-weight: 500;
}

.ui-card__subtitle {
   margin-top: 3px;
   font-size: 12px;
   font-weight: 500;
   color: #9aa4b5;
}

.ui-card__body {
   margin-top: 20px;
}

.ui-card_center {
   text-align: center;
}

.ui-card_center .ui-card__head {
   flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
}

.ui-card_center .ui-card__icon {
   margin: 0 0 10px;
}

.ui-card_sm {
   padding: 15px 20px;
}

.ui-card_sm .ui-card__icon {
   height: 38px;
   width: 38px;
   font-size: 18px;
}

.ui-card_sm .ui-card__title {
   font-size: 16px;
}

.ui-card_sm .ui-card__body {
   margin-top: 15px;
}

.ui-card-list_border,
.ui-card_border {
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-card-list .ui-card {
   border-bottom: 1px solid #f0f3f5;
}

.ui-card-list .ui-card:last-child {
   border-bottom: 0;
}

/* ui expand */
.ui-expand {
   position: relative;
}

.ui-expand__content {
   position: relative;
   overflow: hidden;
}

.ui-expand__content:after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.ui-expand.is-open .ui-expand__content {
   height: auto !important;
   max-height: 100% !important;
   margin-bottom: 5px;
}

.ui-expand.is-open .ui-expand__content:after {
   content: none;
}

/* ui accordion */
.ui-accordion__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   cursor: pointer;
}

.ui-accordion__body {
   display: none;
}

.ui-accordion__arrow {
   margin-left: auto;
   background: #f5f8fb;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-accordion.is-open .ui-accordion__arrow {
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transform: rotate(-180deg);
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.ui-accordion.is-open .ui-accordion__body {
   display: block;
}

/* ui accordion style */
.ui-accordion-list .ui-accordion {
   border-bottom: 1px solid #f0f3f5;
}

.ui-accordion-list .ui-accordion:last-child {
   border: 0;
}

.ui-accordion-list .ui-accordion__head {
   padding: 10px 20px;
   color: #2666b9;
   font-weight: 500;
}

.ui-accordion-list .ui-accordion__head:hover {
   color: #f55403;
   background: #fffbef;
}

.ui-accordion-list .ui-accordion.is-open .ui-accordion__head {
   color: #1d1c1c;
   background: none;
}

/* ui stat */
.ui-stat-user {
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
   font-weight: 500;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.ui-stat-user.is-win {
   color: #009900;
}

.ui-stat-user.is-lose {
   color: #fb4444;
}

.is-badge {
   padding: 2px 6px;
   color: #5c667b;
   background: #e8eefb;
}

.is-badge.is-win {
   background: #e6f7e6;
}

.is-badge.is-lose {
   background: #ffe8e8;
}

/* ui stat color */
.ui-stat-color .is-win {
   color: #009900;
}

.ui-stat-color .is-lose {
   color: #fb4444;
}

.ui-stat-color .is-draw {
   color: #0066ff;
}

.ui-stat-color .is-null {
   color: #2b2d2d;
}

/* ui group user */
.ui-group-user.is-1 {
   color: #cc0000;
}

.ui-group-user.is-2 {
   color: #339966;
}

.ui-group-user.is-3 {
   color: #009933;
}

.ui-group-user.is-4 {
   color: #0033cc;
}

.ui-group-user.is-5 {
   color: #006633;
}

.ui-group-user.is-6 {
   color: #003366;
}

.ui-group-user.is-7 {
   color: #006633;
}

.ui-group-user.is-8 {
   color: #ff6600;
}

.ui-group-user.is-9 {
   color: #006666;
}

.ui-group-user.is-10 {
   color: #6b8e23;
}
.ui-group-user.is-11 {
   color: #3bca47;
}
.ui-group-user.is-12 {
   color: #003366;
}

/* ui progress */
.ui-progress {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   height: 12px;
   overflow: hidden;
   background: #f0f4f7;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.ui-progress__bar {
   background: #2c61e0;
}

.ui-progress_sm {
   height: 6px;
}

/* ui poll */
.ui-poll__legend {
   margin: 15px 0 30px;
   -webkit-box-shadow: inset 0 -1px 0 #f0f3f5;
   box-shadow: inset 0 -1px 0 #f0f3f5;
}

.ui-poll__legend span {
   display: inline-block;
   padding-bottom: 8px;
   font-weight: 500;
   -webkit-box-shadow: inset 0 -1px 0 #000;
   box-shadow: inset 0 -1px 0 #000;
}

.ui-poll__item {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-bottom: 20px;
}

.ui-poll__item:last-child {
   margin-bottom: 0;
}

.ui-poll__value {
   width: 90px;
   margin-top: -3px;
   font-size: 30px;
   line-height: 1;
   font-weight: 700;
}

.ui-poll__bar {
   position: relative;
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   min-width: 0;
   padding-top: 7px;
}

.ui-poll__voters {
   position: relative;
   margin-top: 10px;
   white-space: nowrap;
   overflow: hidden;
}

.ui-poll__voters:after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   width: 30px;
   background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.ui-poll__voters a {
   margin-right: 4px;
   vertical-align: middle;
}

.ui-poll__counter {
   position: absolute;
   top: 0;
   height: 20px;
   min-width: 20px;
   padding: 0 4px;
   font-size: 12px;
   line-height: 20px;
   font-weight: 700;
   text-align: center;
   color: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.ui-poll__vote {
   width: 70px;
   margin-left: 15px;
}

.ui-poll__stat {
   margin-top: 15px;
   color: #b7b7b7;
}

.ui-poll__item.is-positive .ui-progress__bar,
.ui-poll__item.is-positive .ui-poll__counter {
   background: #32a551;
}

.ui-poll__item.is-negative .ui-progress__bar,
.ui-poll__item.is-negative .ui-poll__counter {
   background: #db2422;
}

.ui-poll__item.is-positive .ui-poll__value {
   color: #32a551;
}

.ui-poll__item.is-negative .ui-poll__value {
   color: #db2422;
}

.ui-poll__item.is-positive .ui-poll__vote .button:hover {
   color: #fff;
   background: #20ad46;
}

.ui-poll__item.is-negative .ui-poll__vote .button:hover {
   color: #fff;
   background: #ea3d3b;
}

/* stat user results */
.stat-user-results {
   font-size: 0;
}

.stat-user-results span {
   display: inline-block;
   width: 6px;
   height: 6px;
   margin: 0 2px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.stat-user-results .is-win {
   background: #009900;
}

.stat-user-results .is-lose {
   background: #fb4444;
}

.stat-user-results .is-draw {
   background: #cfcfd5;
}

/* ui typography */
.ui-typography ul,
.ui-typography ol {
   line-height: 1.5;
}

.ui-typography ul {
   list-style: disc;
}

.ui-typography ol {
   list-style: decimal;
}

.ui-typography ul li,
.ui-typography ol li {
   margin: 0 0 10px 20px;
}

.ui-typography ul li:last-child,
.ui-typography ol li:last-child {
   margin-bottom: 0;
}

.ui-typography .table {
   margin-bottom: 20px;
}

.ui-typography .table:last-child {
   margin-bottom: 0;
}

.ui-typography img {
   max-width: 100%;
   max-height: 100%;
   vertical-align: top;
}

/* link more */
.link-more {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   vertical-align: middle;
   padding: 4px 2px;
   color: #b7c0c4;
   border: 2px solid #f0f4f7;
   cursor: pointer;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.link-more svg {
   height: 5px;
}

.link-more:hover {
   color: #92a3a9;
}

/* comments */
.comments.is-padding {
   padding: 0 20px 20px 20px;
}

.comments__head {
   -webkit-box-shadow: inset 0 -1px 0 #f0f3f5;
   box-shadow: inset 0 -1px 0 #f0f3f5;
}

.comments__body {
   padding-top: 20px;
}

.comment {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 12px;
}

.comment__side {
   margin-right: 15px;
}

.comment__user-avatar img {
   width: 40px;
   height: 40px;
}

.comment__main {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.comment__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 3px 0 15px;
}

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

.comment__user-name a {
   font-size: 14px;
   font-weight: 500;
   color: #1d1c1c;
}

.comment__reply-to {
   margin-left: 10px;
   font-size: 11px;
   font-weight: 500;
   color: #7e8ea7;
}

.comment__reply-to svg {
   margin-top: -3px;
}

.comment__date {
   margin-top: 3px;
   font-size: 11px;
   color: #989fa7;
}

.comment__event {
   color: #989fa7;
}

.comment__event-sep {
   margin: 0 3px;
}

.comment__text {
   color: #1d1c1c;
}

.comment__foot {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-top: 15px;
}

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

.comments__action-button {
   margin-right: 10px;
   font-size: 11px;
   font-weight: normal;
   color: #7e8ea7;
}

.comments__action-button:last-child {
   margin-right: 0;
}

.comments__claim-button {
   opacity: 0.5;
}

.comment-show {
   padding: 10px 10px 10px 55px;
}

/* comment form */
.comment-form {
   margin-bottom: 12px;
   padding: 15px;
   border: 1px solid #e3e8ec;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.comment-form__body {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
}

.comment-form__user-avatar {
   margin-right: 15px;
}

.comment-form__form {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.comment-form__form .textarea {
   min-height: 60px;
   padding: 2px 0 0;
   background: transparent;
   border: 0;
   box-shadow: none;
}

.comment-form__editor {
   display: flex;
   margin-left: 10px;
   align-items: flex-start;
}

.comment-form__editor-item {
   position: relative;
}

.comment-form__editor-button {
   color: #a4b7d0;
   cursor: pointer;
}

.comment-form__box{
   display: none;
   transition: .55s opacity, .55s visibility;
   border: 1px solid #c5d0db;
   background: #fff;
   border-radius: 5px;
   padding: 4px 0;
   position: absolute;
   z-index: 99999;
   bottom: 100%;
   right: 0;
   color: #222222;
   border-radius: 3px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
   transition: opacity 100ms linear,top 100ms linear,bottom 100ms linear,visibility 100ms linear;
   min-width: 110px;
}
.comment-form__editor-button.button-clip:hover .comment-form__box,
.comment-form__editor-button.button-smile:hover .comment-form__editor-dropdown {
   display: block;
}
.comment-form__box ul li{
   padding: 2px 10px;
   line-height: 22px;
   cursor: pointer;
   display: flex;
   align-items: center;
}
.comment-form__box svg{
   margin: 0 10px 0 0 !important;
   fill: #b1b8c3;
}
.comment-form__box ul li:hover{
   background-color: #e5ebf1;
}
.comment-form__editor-button:hover svg,
.comment-form__box ul li:hover svg{
   fill: #9fa6b0;
}
.comment-form__editor-dropdown {
   display: none;
   position: absolute;
   bottom: 100%;
   right: 0;
   max-height: 250px;
   max-width: 300px;
   overflow-x: hidden;
   margin-top: 5px;
   padding: 5px;
   background: #fff;
   z-index: 6;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 7px 15px rgb(15 9 47 / 10%), 0 0 1px rgb(23 23 45 / 5%);
   box-shadow: 0 7px 15px rgb(15 9 47 / 10%), 0 0 1px rgb(23 23 45 / 5%);
}

.comment-form__foot {
   margin-top: 10px;
   padding-top: 10px;
   border-top: 1px solid #e3e8ec;
}

/* comment child */
.comment-list__item {
   border-bottom: 1px solid #f0f3f5;
}

.comment-list__item:last-child {
   border-bottom: 0;
}

.comment-list__item .comment-list {
   padding-left: 55px;
}

.comment-list__item .comment-list .comment-form {
   margin-left: 55px;
   padding: 10px;
}

.comment-list__item .comment-list .comment-form__form .textarea {
   min-height: 20px;
}
.comment-form__editor-button svg {
   width: 20px;
   height: 20px;
   margin: 4px;
   fill: #b1b8c3;
}

/* comment admin */
.comment__admin {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-top: 10px;
}

.comment__admin a {
   margin-right: 4px;
   color: #a4b7d0;
}

/* emoji list */
.emoji-list {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   width: 250px;
}

.emoji-list__item {
   width: 50px;
   height: 50px;
   padding: 5px;
   cursor: pointer;
}

.emoji-list__item:hover {
   background: #f5f8fb;
}

/* header */
.header {
   background: #1b1f22;
   position: relative;
   z-index: 30;
   /* position: sticky;
   top: 0;*/
}
.header-nav {
   position: relative;
   z-index: 31;
}

.header-nav__menu {
   background: #3b73b4;
   border-top: 1px solid #4d85c7;
}
.header-nav__inner{
   display: flex;
}
.header-nav__menu-button {
   background-color: transparent;
   padding: 0 19px;
   transition: 0.2s;
}
.header-nav__menu-button.active {
   background-color: #2666b9;
}
.header-nav__menu-button.active svg{
   fill: #ffd760;
}
.header-nav__menu-button svg {
   fill: #fff;
   width: 20px;
   height: 20px;
   pointer-events: none;
}
.header__inner {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   height: 54px;
   position: relative;
}

.header__logo,
.header__actions {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   height: 100%;
}

.header__actions {
   align-items: center;
}

.header__logo {
   align-items: stretch;
}

.header__logo-link {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   color: #fff;
   padding: 0 20px;
   flex-grow: 1;
}
.header__logo-link svg {
   width: 162px;
   height: 17px;
}

/* header search */
.header__search {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   padding: 0 40px;
}

.header-search-form {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   max-width: 500px;
   margin: 0 auto;
   background: #2c333a;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.header-search-form__input,
.header-search-form__input:hover,
.header-search-form__input:focus {
   color: #fff;
   background-color: transparent;
   border: 0;
   box-shadow: none;
}

.header-search-form__select,
.header-search-form__select:hover,
.header-search-form__select:focus {
   height: 18px;
   max-width: 120px;
   padding-left: 10px;
   color: #c6ccd7;
   background-color: transparent;
   border-width: 0 1px 0 0;
   border-color: #6c7277;
   box-shadow: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.header-search-form__input::-webkit-input-placeholder {
   color: #c6ccd7;
}

.header-search-form__input::-moz-placeholder {
   color: #c6ccd7;
}

.header-search-form__input:-moz-placeholder {
   color: #c6ccd7;
}

.header-search-form__input:-ms-input-placeholder {
   color: #c6ccd7;
}

.header-search-form__button {
   color: #c6ccd7;
   background: transparent;
}

.header-search-form__button:hover {
   background: transparent;
}

/* header actions */
.user-bar {
   margin: 0 10px;
}

.user-bar,
.user-auth {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.user-auth__signup {
   margin: 0 15px;
   color: #c6ccd7;
}

.user-auth__signin {
   color: #55ad32;
   background: #2c333a;
}

.user-auth__signin:hover {
   background: #3b4e63;
}

/* user bar */
.user-bar__item {
   position: relative;
   margin-right: 10px;
}

.user-bar__item:last-child {
   margin-right: 0;
}

.user-bar__item > .button-icon {
   background: #2b323a;
}

.user-bar__item > .button-icon:hover {
   color: #ffd760;
   background: #282d33;
}

.user-bar__gift > .button-icon {
   color: #f4eaf7;
   background: rgb(63, 94, 251);
   background: -moz-radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
   background: -webkit-radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
   background: radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#fc466b",GradientType=1);
}

.user-bar__gift > .button-icon:hover {
   color: #eaf5ff;
   background: rgb(63, 94, 251);
   background: -moz-radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 70%);
   background: -webkit-radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 70%);
   background: radial-gradient(circle, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 70%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#fc466b",GradientType=1);
}

.user-bar__badge {
   position: absolute;
   top: 0;
   right: 0;
   padding: 1px 4px;
   font-size: 9px;
   font-weight: 700;
   color: #fff;
   background: #ce3939;
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 4px;
}

/* gift bet */
.gift-bet {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   min-width: 200px;
   margin-top: 5px;
   padding: 15px;
   background: #2b323a;
   z-index: 8;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.gift-bet.is-active {
   display: block;
}

.gift-bet__close {
   position: absolute;
   top: 5px;
   right: 5px;
   width: 18px;
   height: 18px;
   background: #1b1f22;
}

.gift-bet__close:hover {
   color: #ffd760;
   background: #1b1f22;
}

.gift-bet__logo {
   width: 100%;
   height: 45px;
   padding: 4px;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.gift-bet__text {
   margin-top: 15px;
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   color: #fff;
}

.gift-bet__button {
   margin-top: 10px;
}

/* user account */
.user-account {
   position: relative;
}

.user-account__button {
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   height: 100%;
   cursor: pointer;
   border-radius: 0;
}

.user-account__button img {
   border: 2px solid #16a00c;
}

.user-account__dropdown {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   width: 220px;
   background: #fff;
   overflow: hidden;
   z-index: 7;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   -webkit-box-shadow: 0 7px 15px rgba(15, 9, 47, 0.1), 0 0 1px rgba(23, 23, 45, 0.05);
   box-shadow: 0 7px 15px rgba(15, 9, 47, 0.1), 0 0 1px rgba(23, 23, 45, 0.05);
}

.user-account__head {
   background: #282d33;
}
.user-account__top{
   display: flex;
   justify-content: space-between;
}

.user-account__name {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   padding: 15px 10px 10px 15px;
   flex-grow: 1;
}
.user-account__name:hover,
.user-account__edit:hover {
   background: #343a40;
}

.user-account__group {
   margin-top: 2px;
   font-size: 11px;
   font-weight: 500;
   color: #c6ccd7;
   text-transform: none;
}

.user-account__balance {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   border-top: 2px solid #6a717a;
}

.user-account__balance-item:hover {
   background: #343a40;
}

.user-account__balance-item.is-bank{
   padding: 10px 10px 15px 15px;
   flex-grow: 1;
}

.user-account__balance-item.is-pay{
   text-align: right;
   padding: 10px 15px 15px 10px;
}

.user-account__balance-title {
   margin-bottom: 4px;
   font-size: 11px;
   font-weight: 500;
   color: #c6ccd7;
}

.user-account__balance-value {
   font-weight: 700;
   color: #fff;
}

.user-account__balance-item.is-bank .user-account__balance-value {
   color: #319273;
}

.user-account__balance-item:hover .user-account__balance-value {
   color: #f55403;
}

.user-account__menu-item {
   display: flex;
   align-items: center;
   padding: 7px 15px;
   color: #2b2d2d;
   border-bottom: 1px solid #f0f3f5;
}

.user-account__menu-item:last-child {
   border-bottom: 0;
}

.user-account__menu-item:hover {
   color: #81868c;
   background: #f0f3f5;
}

.user-account__menu-item .ui-badge {
   padding: 0 4px;
   font-size: 10px;
   color: #fff;
   background: #ce3939;
}

.user-account__menu-icon {
   display: flex;
   align-items: center;
   margin-right: 8px;
}

.user-account__edit {
   padding: 15px 15px 10px 10px;
   font-size: 18px;
   color: #6a717a;
}

.user-account__edit:hover {
   color: #ffd760;
}

.user-account:hover .user-account__dropdown {
   display: block;
}

/* navbar */
.navbar {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
}

.header-nav__nav {
   height: 46px;
   flex-grow: 1;
}

.navbar__item {
   position: relative;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
}

/* .navbar__item_dropdown:hover:before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border: 5px solid transparent;
   border-bottom: 5px solid #fff;
 } */

.navbar__link {
   display: block;
   padding: 0 10px;
   font-size: 14px;
   line-height: 46px;
   font-weight: 500;
   color: #d1ddef;
   cursor: pointer;
}

/* .navbar__item_more .navbar__link {
   cursor: pointer;
}
*/

.navbar__item_more .navbar__link svg {
   height: 20px;
   width: 30px;
   padding: 4px;
   color: #d1ddef;
   border: 2px solid #669cda;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.navbar__item:hover .navbar__link,
.navbar__item.is-current .navbar__link {
   color: #ffd760;
   -webkit-box-shadow: inset 0 -3px 0 #ffd760, inset 0 -4px 0 #ffe076;
   box-shadow: inset 0 -3px 0 #ffd760, inset 0 -4px 0 #ffe076;
}

.navbar__item_more:hover .navbar__link {
   box-shadow: none;
}

.navbar__item_more:hover .navbar__link svg {
   color: #3b73b4;
   background: #8db5e2;
   border-color: #7aa4d4;
}

.navbar__dropdown {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 200px;
   background: #fff;
   /*z-index: 6;*/
   z-index: 40;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   -webkit-box-shadow: 0 7px 15px rgba(15, 9, 47, 0.1), 0 0 1px rgba(23, 23, 45, 0.05);
   box-shadow: 0 7px 15px rgba(15, 9, 47, 0.1), 0 0 1px rgba(23, 23, 45, 0.05);
}

.navbar__item:hover .navbar__dropdown {
   display: block;
}

.navbar__menu {
   padding: 3px 0;
}

.navbar__menu-item {
   display: block;
   padding: 7px 15px;
   color: #2b2d2d;
   border-bottom: 1px solid #f0f3f5;
}

.navbar__menu-item:last-child {
   border: 0;
}

.navbar__menu-item:hover {
   color: #f55403;
   background: #f8fafd;
}

/* navbar more */
.header-nav__submenu {
   position: absolute;
   display: none;
   top: 100%;
   left: 0;
   right: 0;
   background: #fff;
   /* background: #2c609c; */
   /* z-index: 10;*/
   z-index: 41;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.header-nav__submenu.is-active {
   display: block;
}

.nav-all {
   padding: 20px 0;
}

.nav-all .col-separator:before {
   background: #4d7cb3;
}

.nav-all__title {
   margin-bottom: 10px;
   font-size: 14px;
   font-weight: 500;
   color: #1d1c1c;
   /* color: #d1ddef; */
}

.nav-all .nav-cat__title,
.nav-all .nav-cat__icon {
   color: #2666b9;
}

/* section */
.section {
   position: relative;
   margin-bottom: 15px;
}

.section:last-child {
   margin-bottom: 0;
}

.section__head {
   -webkit-box-shadow: inset 0 -1px 0 #f0f3f5;
   box-shadow: inset 0 -1px 0 #f0f3f5;
}

.section__title {
   margin: 0;
   padding: 20px 20px 0;
   font-size: 22px;
   font-weight: 500;
}

.widget .section__title {
   margin-bottom: 15px;
}

.section__title h1,
.section__title h2 {
   margin: 0;
   font-size: 22px;
   font-weight: 500;
}

.section__title_h2,
.section__title_h2 h2 {
   font-size: 20px;
}

.section__title-link {
   font-size: 14px;
   font-weight: 500;
}

.section__title-arrow {
   margin-left: 10px;
}

.section__breadcrumbs + .section__title {
   padding-top: 0 !important;
}

.section__desc {
   padding: 10px 20px;
   line-height: 1.5;
}

.section__title:last-child,
.section__desc:last-child {
   padding-bottom: 20px;
}

.section__search {
   padding: 20px;
}

.section__title + .section__body {
   margin-top: 20px;
}

.section__title + .section__body.is-padding {
   margin-top: 0;
}

.section__title + .section__body.ui-block {
   margin-top: 20px;
}

.section__foot {
   padding: 15px 20px;
   line-height: 1.5;
   border-top: 1px solid #f0f3f5;
}

.section.is-padding,
.section__body.is-padding {
   padding: 20px;
}

.section__block {
   border-bottom: 1px solid #f0f3f5;
}

.section__block:last-child {
   border-bottom: 0;
}

.section__block.is-padding {
   padding: 20px;
}

/* section heading */
.section-heading .section__title {
   padding: 10px;
   font-size: 13px;
   font-weight: normal;
}

/* section tab */
.section.is-tab-head {
   margin-bottom: 0;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
   -moz-border-radius-bottomright: 0;
   -moz-border-radius-bottomleft: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.section.is-tab-head .ui-tabs {
   -webkit-box-shadow: inset 0 -1px 0 #f0f3f5;
   box-shadow: inset 0 -1px 0 #f0f3f5;
}

.is-tab-content > .section.ui-block:first-child {
   -webkit-border-top-left-radius: 0;
   -webkit-border-top-right-radius: 0;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-topright: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

/* widget event card */
.event-card-list {
   position: relative;
   margin-bottom: 20px;
   overflow: hidden;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.event-card-list__items {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.event-card-list .event-card {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 300px;
   flex: 0 0 300px;
   max-width: 300px;
   margin-right: 10px;
   background: #fff;
}

.event-card-list .event-card__info {
   border-color: #f0f3f5;
}

.event-card {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   height: 68px;
   padding: 10px 15px;
   background: #f3f5f7;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.event-card__info {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 75px;
   flex: 0 0 75px;
   max-width: 75px;
   padding-right: 10px;
   border-right: 1px solid #dce3ea;
   font-size: 11px;
   line-height: 1;
   font-weight: 500;
}

.event-card__info-date {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.event-card__info-day {
   margin-bottom: 4px;
   color: #989fa7;
}

.event-card__info-hour {
   color: #080e13;
}

.event-card__info-sport {
   color: #989fa7;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.event-card__teams {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   min-width: 0;
   padding: 2px 0 2px 15px;
}

.event-card__team {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.event-card__team-avatar {
   height: 18px;
   width: 18px;
   margin-right: 10px;
}

.event-card__team-name {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.event-card__team-score {
   margin-left: 15px;
   font-weight: 500;
}

.event-card-list__arrows {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   width: 28px;
   background: #f0f3f5;
   -webkit-box-shadow: 0 0 25px 0 rgba(107, 107, 107, 0.2);
   box-shadow: 0 0 25px 0 rgba(107, 107, 107, 0.2);
}

.event-card-list__arrow {
   position: absolute;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   right: 0;
   left: 0;
   height: -moz-calc(50% - 1px/2);
   height: calc(50% - 1px / 2);
   font-size: 18px;
   color: #d1d9dc;
   background: #fff;
   cursor: pointer;
}

.event-card-list__arrow_prev {
   top: 0;
}

.event-card-list__arrow_next {
   bottom: 0;
}

/* content */
.content {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.content__inner {
   position: relative;
}

.content-container {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   background-color: #2C333B;
}

.content-container__inner {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   max-width: 100%;
   min-width: 0;
   background: #edeef0;
}
.content-container__main {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   max-width: 100%;
   min-width: 0;
   background: #edeef0;
   padding: 0 20px;
}

.content-container__total {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   padding: 0 0 40px 0;
}

.content-container__left {
   position: relative;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 200px;
   flex: 0 0 200px;
   max-width: 200px;
   margin-right: 20px;
   z-index: 1;
}

.content-container__right {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 260px;
   flex: 0 0 260px;
   max-width: 260px;
   background: #edeef0;
   padding-right: 20px;
   padding-top: 20px;
}
.content-container__left-inner{
   /*position: sticky;*/
   top: 54px;
   padding-bottom: 40px;
}
/* breadcrumbs */
.breadcrumbs {
   font-size: 13px;
   line-height: 1.5;
   color: #9aa4b5;
}
.breadcrumbs__item {
   display: inline-block;
}
.breadcrumbs__item:after {
   content: "/";
   margin: 0 2px;
}
.breadcrumbs__item:last-child:after {
   content: none;
}
.breadcrumbs__item a {
   color: #222;
   border-bottom: 1px solid #222;
   transition: all .2s;
}
.breadcrumbs__item a:hover {
   border-bottom-color: transparent;
}

/* widget */
.widget {
   margin-bottom: 20px;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

@media screen and (max-width: 992px) {
   .widget {
      display: none;
   }
   .widget.is-open {
      display: block;
   }
}

.widget:last-child {
   margin-bottom: 0;
}

/* .widget form {
   height: 100%;
 } */

.widget__show {
   display: none;
}

.widget__show .button-icon {
   height: 30px;
   width: 100%;
   color: #000;
   background: #dfe4f2;
   -webkit-border-bottom-right-radius: 0;
   -webkit-border-bottom-left-radius: 0;
   -moz-border-radius-bottomright: 0;
   -moz-border-radius-bottomleft: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.widget__show .button-icon:hover {
   color: #f55403;
   background: #dfe4f2;
}

.widget__title {
   padding: 10px 15px;
   font-size: 15px;
   font-weight: 500;
   border-bottom: 1px solid #f0f3f5;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-accordion:not(.is-open) .widget__title {
   border: 0;
}

.widget.is-open .widget__title {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.widget.is-green .widget__title {
   color: #fff;
   background: #55ad32;
}

.widget.is-blue .widget__title {
   color: #fff;
   background: #326dad;
}

.widget.is-red .widget__title {
   color: #fff;
   background: #c74040;
}

.widget.is-padding,
.widget__body.is-padding {
   padding: 15px;
}

.widget__notify {
   padding: 10px 15px 12px;
   font-size: 12px;
   line-height: 1.3;
   text-align: center;
   color: #a5adc1;
   background: #e6e9f1;
   border-top: 1px solid #e1e6f3;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
}

.widget__foot {
   padding: 10px 15px;
   border-top: 1px solid #f0f3f5;
}

.widget_fluid .widget__foot {
   padding: 0;
   border: 0;
}

.widget_fluid .widget__foot .button {
   -webkit-border-top-left-radius: 0;
   -webkit-border-top-right-radius: 0;
   -moz-border-radius-topleft: 0;
   -moz-border-radius-topright: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

/* widget banners */
.w-banner {
   background: transparent;
}

.w-banner img {
   display: block;
   margin: 0 auto;
   /* max-width: 100%; */
   width: 100%;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

/* widget chat */
.w-chat .widget__foot .button {
   height: 28px;
   padding: 0 5px;
}

/* widget bookmaker nav */
.w-rating-bk {
   padding: 3px 0;
}

.w-rating-bk__link {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 10px 15px;
   font-weight: 500;
   color: #2666b9;
   border-bottom: 1px solid #f0f3f5;
}

.w-rating-bk-card {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 7px 15px;
   border-bottom: 1px solid #f0f3f5;
}

.w-rating-bk-card:last-child {
   border-bottom: 0;
}

.w-rating-bk-card__logo {
   width: 120px;
   height: 35px;
   padding: 4px 10px;
   background: #fff;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.w-rating-bk-card__rating {
   height: 35px;
   width: 35px;
   margin-left: auto;
   font-size: 12px;
   line-height: 35px;
   font-weight: 700;
   text-align: center;
   background: #f0f4f7;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.w-rating-bk__link:hover {
   color: #f55403;
   background: #f8fafd;
}

.w-rating-bk-card:hover {
   background: #f8fafd;
}

/* widget bookmaker bonus */
.w-bookmakers__list .w-bookmaker-card {
   margin-bottom: 5px;
}

.w-bookmakers__list .w-bookmaker-card:last-child {
   margin-bottom: 0;
}

.w-bookmaker-card {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding-right: 10px;
   background: transparent;
   background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #f7f8f9 10px, #f7f8f9 20px);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.w-bookmaker-card__logo {
   width: 90px;
   height: 40px;
   padding: 2px 7px;
   background: #fff;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.w-bookmaker-card__offer {
   margin-left: auto;
   font-size: 15px;
   font-weight: 700;
   text-align: right;
   text-shadow: 1px 1px 0 #fff, 2px 2px 0 rgb(226, 228, 230);
}

.w-bookmaker-card__offer-info {
   display: block;
   font-size: 9px;
   line-height: 1;
   font-weight: normal;
   color: #b7b7b7;
   text-shadow: none;
}

.w-bookmaker-card:hover {
   background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #fff5d7 10px, #fff5d7 20px);
}

.w-bookmaker-card:hover .w-bookmaker-card__logo {
   background: #fffbef;
   border-color: #fff5d7;
}

/* bookmaker card */
.bookmaker-header,
.bookmaker-card,
.bookmaker-card__bonus {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.bookmaker-header,
.bookmaker-card {
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   padding: 15px 20px;
}

.bookmaker-header {
   font-size: 12px;
   font-weight: 500;
   color: #757b84;
}

.bookmaker-header__logo {
   width: 120px;
   margin-right: 15px;
}

.bookmaker-header__rating {
   width: 62px;
}

.bookmaker-header__bonus {
   width: 110px;
   margin-right: 20px;
}

.bookmaker-header__comments {
   width: 70px;
   margin-right: 20px;
}

.bookmaker-header__actions {
   max-width: 220px;
   width: calc(100% - 110px - 42px - 120px);
}

.bookmaker-card {
   cursor: pointer;
}

.bookmaker-card:hover {
   background: #fffbef;
}
.bookmaker-card-list .bookmaker-card,
.bookmaker-card-list .bookmaker-header {
   border-bottom: 1px solid #f0f3f5;
}

.bookmaker-card-list .bookmaker-card:last-child {
   border: 0;
}

.bookmaker-card__logo {
   width: 120px;
   height: 45px;
   margin-right: 15px;
   padding: 4px;
   background: #fff;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.bookmaker-card__bonus {
   width: 110px;
   font-size: 16px;
   font-weight: 500;
   white-space: nowrap;
}

.bookmaker-card__bonus .ui-img-box {
   width: 34px;
   height: 34px;
   margin-right: 10px;
   color: #c0af86;
   background: #fef2c1;
}

.bookmaker-card__rating {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   height: 42px;
   width: 42px;
   line-height: 42px;
   font-weight: 700;
   text-align: center;
   background: #f0f4f7;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.bookmaker-card.is-5 .bookmaker-card__rating,
.bookmakers-explain__item.is-5 .ui-card__icon,
.w-rating-bk-card.is-5 .w-rating-bk-card__rating {
   color: #3fbb87;
   background: #d7fbe1;
}

.bookmaker-card.is-4 .bookmaker-card__rating,
.bookmakers-explain__item.is-4 .ui-card__icon,
.w-rating-bk-card.is-4 .w-rating-bk-card__rating {
   color: #3fbb87;
   background: #e6f7f1;
}

.bookmaker-card.is-3 .bookmaker-card__rating,
.bookmakers-explain__item.is-3 .ui-card__icon,
.w-rating-bk-card.is-3 .w-rating-bk-card__rating {
   color: #f8b347;
   background: #f8f0e5;
}

.bookmaker-card.is-2 .bookmaker-card__rating,
.bookmakers-explain__item.is-2 .ui-card__icon,
.w-rating-bk-card.is-2 .w-rating-bk-card__rating {
   color: #f84747;
   background: #f8e5e5;
}

.bookmaker-card.is-1 .bookmaker-card__rating,
.bookmakers-explain__item.is-1 .ui-card__icon,
.w-rating-bk-card.is-1 .w-rating-bk-card__rating {
   color: #f84747;
   background: #ffdddd;
}

.bookmaker-card__users,
.bookmaker-card__actions {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.bookmaker-card__actions {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   max-width: 220px;
}

.bookmaker-card__users {
   width: 120px;
}

.bookmaker-card__comments {
   width: 70px;
}

.bookmaker-card__choice {
   width: 95px;
   color: #989fa7;
   font-weight: 500;
   white-space: nowrap;
}

.bookmaker-card__more {
   margin-left: 5px;
}

.bookmaker-card__rating,
.bookmaker-card__bonus,
.bookmaker-card__choice,
.bookmaker-card__users,
.bookmaker-card__comments {
   margin-right: 20px;
}

/* bookmakers cat */
.bookmakers-cat__item {
   width: 300px;
}

/* bookmaker */
.bookmaker__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 15px 20px;
   border-top: 1px solid #f0f3f5;
}

.bookmaker__head-side {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   margin-left: auto;
   padding-left: 30px;
}

.bookmaker__title {
   margin: 0 0 7px;
   font-size: 22px;
   font-weight: 500;
}

.bookmaker__link {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   font-weight: 500;
}

.bookmaker-profile {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 25px 20px;
   background-position: 50%;
   background-size: cover;
   background-repeat: no-repeat;
   overflow: hidden;
}

.bookmaker-profile:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: -moz-linear-gradient(left, rgba(44, 51, 58, 1) 0%, rgba(44, 51, 58, 1) 15%, rgba(44, 51, 58, 0) 100%);
   background: -webkit-linear-gradient(left, rgba(44, 51, 58, 1) 0%, rgba(44, 51, 58, 1) 15%, rgba(44, 51, 58, 0) 100%);
   background: linear-gradient(to right, rgba(44, 51, 58, 1) 0%, rgba(44, 51, 58, 1) 15%, rgba(44, 51, 58, 0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c333a', endColorstr='#002c333a',GradientType=1 );
}

.bookmaker-profile__side {
   margin-right: 40px;
   z-index: 2;
}

.bookmaker-profile__main {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.bookmaker-profile__avatar {
   width: 140px;
   height: 110px;
   padding: 15px;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.bookmaker-profile__likes {
   margin-top: 5px;
   padding: 2px 5px;
   color: #fff;
   background: rgb(63 255 255 / 38%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.bookmaker-profile__likes .likes-counter,
.bookmaker-profile__likes .likes-counter__value {
   width: 100%;
   font-size: 14px;
}

.bookmaker-profile__likes .likes-counter__button {
   color: #fff;
}

.bookmaker-profile__likes .likes-counter__button:hover {
   color: rgb(255 255 255 / 67%) !important;
}

.bookmaker-profile__num {
   position: absolute;
   right: 20px;
   bottom: 60px;
   font-size: 200px;
   line-height: 0;
   font-weight: 700;
   color: rgb(255 255 255 / 22%);
}

.bookmaker-profile__indicators {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin: 10px 0;
}

.bookmaker-profile__indicators-item {
   position: relative;
   margin-right: 50px;
   padding-left: 48px;
}

.bookmaker-profile__indicators-item:last-child {
   margin-right: 0;
}

.bookmaker-profile__indicators-icon {
   position: absolute;
   top: 0;
   left: 0;
   width: 36px;
   height: 36px;
   color: rgb(255 255 255 / 67%);
   background: rgb(63 255 255 / 38%);
}

.bookmaker-profile__indicators-value {
   font-size: 32px;
   line-height: 1;
   font-weight: 500;
   color: #fff;
}

.bookmaker-profile__indicators-title {
   margin-top: 5px;
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
   opacity: 0.8;
}

.bookmaker__profile-desc {
   position: relative;
   max-width: 400px;
   margin-top: 30px;
   padding-left: 25px;
   font-size: 15px;
   line-height: 1.5;
   color: #fff;
}

.bookmaker__profile-desc svg {
   position: absolute;
   top: 1px;
   left: 0;
   color: rgb(255 255 255 / 67%);
}

.bookmaker-rating__title {
   margin-bottom: 5px;
   font-size: 15px;
   line-height: 1;
   font-weight: 500;
}

.bookmaker-rating__value {
   margin-bottom: 5px;
   font-size: 26px;
   font-weight: 700;
}

.bookmaker-rating__value span {
   font-size: 18px;
   font-weight: 500;
   color: #d1d8d7;
}

.bookmaker-likes {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 15px 20px;
   background: #f0f4f7;
   white-space: nowrap;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.bookmaker-likes__users {
   position: relative;
   margin-right: 10px;
   overflow: hidden;
}

.bookmaker-likes__users:after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   width: 30px;
   background: -moz-linear-gradient(
           left,
           rgba(240, 244, 247, 0) 0%,
           rgba(240, 244, 247, 1) 70%,
           rgba(240, 244, 247, 1) 100%
   );
   background: -webkit-linear-gradient(
           left,
           rgba(240, 244, 247, 0) 0%,
           rgba(240, 244, 247, 1) 70%,
           rgba(240, 244, 247, 1) 100%
   );
   background: linear-gradient(
           to right,
           rgba(240, 244, 247, 0) 0%,
           rgba(240, 244, 247, 1) 70%,
           rgba(240, 244, 247, 1) 100%
   );
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f4f7', endColorstr='#f0f4f7',GradientType=1 );
}

.bookmaker-likes__users a {
   margin-right: 4px;
   vertical-align: middle;
}

.bookmaker-likes__counter {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   font-weight: 500;
   color: #6c7a86;
}

.bookmaker-likes__counter span {
   font-weight: 700;
   color: #1d1c1c;
}

.bookmaker-likes__choice {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -ms-flex-item-align: stretch;
   align-self: stretch;
   margin-left: 20px;
   padding-left: 20px;
   border-left: 1px solid #cdd4da;
   font-weight: 500;
   color: #6c7a86;
}

/* nav cat */
.nav-cat:after {
   content: "";
   display: block;
   margin: 10px 7px 10px 37px;
   border-bottom: 1px solid #dfe4f1;
}

.nav-cat:last-child:after {
   content: none;
}

.nav-cat__item {
   margin-bottom: 2px;
}

.nav-cat__item:last-child {
   margin-bottom: 0;
}

.nav-cat__link {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 7px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.nav-cat__icon {
   width: 22px;
   color: #aeb5bd;
   cursor: pointer;
}

.nav-cat__item_more .nav-cat__link {
   color: #a3aeb7;
}

.nav-cat__item_more .nav-cat__icon {
   color: #c0c9d2;
}

.nav-cat__title {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   margin-left: 8px;
   font-weight: 500;
   color: #757b84;
}

.nav-cat__count {
   margin-left: 5px;
   font-size: 11px;
   font-weight: 500;
   color: #a3aeb7;
   cursor: pointer;
}

.nav-cat__count:hover {
   color: #f55403;
}

.nav-cat__sub {
   display: none;
   margin: 2px 0;
   padding: 5px 0;
   background: #282d33;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.nav-cat__sub .nav-cat__link {
   padding: 4px 10px 4px 15px;
}

.nav-cat__sub .nav-cat__title {
   margin-left: 0;
   font-size: 12px;
}

.nav-cat__sub .nav-cat__title:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   background: #a1abb9;
   width: 4px;
   height: 4px;
   margin: -1px 7px 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.nav-cat__item.is-current .nav-cat__sub {
   display: block;
}

.nav-cat__item:hover > .nav-cat__link,
.nav-cat__item.is-current > .nav-cat__link {
   background: #f0f4f7;
}

.nav-cat__sub-item:hover .nav-cat__title {
   color: #f55403;
}

/* bar_sport_menu */
#bar_sport_menu .nav-cat__title {
   color: #fff;
}
#bar_sport_menu .nav-cat__item:hover > .nav-cat__link,
#bar_sport_menu .nav-cat__item.is-current > .nav-cat__link {
   background: #282d33;
}
#bar_sport_menu .nav-cat__item.is-current .nav-cat__title:not(.nav-cat__sub .nav-cat__title) {
   color: #ffd760;
}
#bar_sport_menu .nav-cat__sub-item:hover .nav-cat__title{
   color: #a3aeb7;
}

/*  widget nav cat */
.w-nav-cat .widget__body {
   padding: 10px;
}

/* widget nav sports */
.w-nav-sports {
   background: transparent;
}

.w-nav-sports .widget__body {
   padding: 10px 0;
}

.w-nav-sports .widget__tabs .ui-tabs {
   padding: 0;
   -webkit-box-shadow: inset 0 -1px 0 #dfe4f1;
   box-shadow: inset 0 -1px 0 #dfe4f1;
}
/*
.w-nav-sports .nav-cat__item:hover > .nav-cat__link,
.w-nav-sports .nav-cat__item.is-current > .nav-cat__link {
   background: #e4e6ea;
}*/
.w-nav-sports .nav-cat__item:hover > .nav-cat__link > .nav-cat__title{
   color: #aeb5bd;
}

/* tip stat badge */
.tip-stat-badge__item {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 4px 10px 4px 6px;
   font-size: 14px;
   font-weight: 500;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
}

.tip-stat-badge__item:first-child {
   margin-right: 4px;
}

.tip-stat-badge__item.is-win {
   color: #fff;
   background: rgb(186, 234, 29);
   background: -moz-linear-gradient(-45deg, rgba(186, 234, 29, 1) 0%, rgba(98, 197, 16, 1) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(186, 234, 29, 1) 0%, rgba(98, 197, 16, 1) 100%);
   background: linear-gradient(135deg, rgba(186, 234, 29, 1) 0%, rgba(98, 197, 16, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baea1d', endColorstr='#62c510',GradientType=1 );
}

.tip-stat-badge__item.is-lose {
   color: #9a9a9a;
   background: rgb(244, 244, 244);
   background: -moz-linear-gradient(-45deg, rgba(244, 244, 244, 1) 0%, rgba(219, 219, 219, 1) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(244, 244, 244, 1) 0%, rgba(219, 219, 219, 1) 100%);
   background: linear-gradient(135deg, rgba(244, 244, 244, 1) 0%, rgba(219, 219, 219, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dbdbdb',GradientType=1 );
}

/* tip card */
.short-card-list .tip-card,
.short-card-list .news-card {
   margin-bottom: 15px;
}

.short-card-list .tip-card:last-child {
   margin-bottom: 0;
}

.tip-card {
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 2px #dadbde;
   box-shadow: 0 1px 2px #dadbde;
   margin-bottom: 20px;
}

.tip-card:hover {
   -webkit-box-shadow: 0 0 0 3px rgb(223, 228, 239);
   box-shadow: 0 0 0 3px rgb(223, 228, 239);
}

.tip-card__title {
   display: block;
   padding: 6px 15px;
   font-size: 12px;
   font-weight: 500;
   color: #d5e0ed;
   background: #3b73b4;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.tip-card__title:hover {
   color: #d5e0ed;
   background: #2c64a5;
}

.tip-card__title2 {
   font-size: 16px;
   font-weight: 500;
   color: #2666b9;
}

.tip-card__stat {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-top: 2px;
}

.tip-card__stat-item {
   margin-right: 5px;
}

.tip-card__stat-item:last-child {
   margin-right: 0;
}

.tip-card__event {
   padding: 10px 15px;
}
.tip-card__strategy {
   padding: 10px 15px;
   border-bottom: 1px solid #f0f3f5;
}
.tip-card__event-head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-bottom: 20px;
}

.tip-card__event-head-main {
   min-width: 0;
}

.tip-card__event-head-side {
   margin-left: auto;
   padding-left: 20px;
}

.tip-card__date {
   margin-left: auto;
   font-size: 11px;
   color: #989fa7;
}

.tip-card__subscribe{
   padding: 10px 15px;
}

.tip-card__user-bar {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   /*padding: 10px 15px;*/
}

.tip-card__user {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   /*flex-grow: 1;*/
   /*-webkit-box-flex: 1;*/
   /*-webkit-flex-grow: 1;*/
   -ms-flex-positive: 1;
   max-width: 100%;
   padding: 10px 15px;
}
.tip-card__user:hover{
   background-color: #f0f4f7;
}
.tip-card__user:hover .ui-avatar img{
   border-color: #ffd760;
}
.tip-card__user-avatar {
   margin-right: 10px;
}

.tip-card__user-name {
   max-width: 130px;
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.tip-card__user-info .stat-user-results {
   margin-top: 3px;
}

.tip-card__user-stat {
   margin-left: 15px;
   color: #9aa4b5;
}

.tip-card__user-stat .ui-stat-user {
   padding: 0 3px;
   font-size: 11px;
}

.tip-card__league {
   margin-bottom: 5px;
   font-size: 12px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.tip-card__matchdate {
   font-size: 12px;
   font-weight: 500;
}

.tip-card__teams,
.tip-card__team {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   overflow: hidden;
}

.tip-card__team-mid {
   margin: 0 10px;
   font-size: 15px;
   font-weight: 500;
}

.tip-card__team-avatar {
   margin-right: 10px;
   height: 24px;
   width: 24px;
}

.tip-card__team-name {
   font-size: 18px;
   font-weight: 700;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

@media screen and (min-width: 600px) {
   .tip-card__team.is-away {
      flex-direction: row-reverse;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
   }
   .tip-card__team.is-away .tip-card__team-avatar {
      margin: 0 0 0 10px;
   }
}

/* tip line */
.tip-card__line {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   margin-top: 15px;
}

.tip-line {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.tip-line__item {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   margin: 0 20px 10px 0;
}

.tip-line__item:last-child {
   margin-right: 0;
}

.tip-line__title {
   margin-right: 10px;
}

.tip-line__result {
   margin-left: 10px;
}

.tip-line__info.ui-badge,
.express-table .ui-badge {
   color: #1d1c1c;
   background: #f0fff0;
   border: 1px solid #f2f2f2;
}

.tip-line__info.ui-badge[data-kf-param]:hover,
.express-table .ui-badge[data-kf-param]:hover,
.tip-card__event-express .tip-line .tip-line__item:first-child .tip-line__info.ui-badge:hover {
   background: #b0dcb0;
   border: 1px solid #b0dcb0;
}

/* tip result */
.tip-result {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
}

.tip-result__score {
   height: 24px;
   margin-right: 10px;
   padding: 0 5px;
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.tip-result .button-icon {
   width: 30px;
   height: 30px;
   background: #EFF4F7;
}

.tip-result .button-icon svg {
   width: 20px;
   height: 20px;
   fill: #454545;
}

.tip-result__show {
   margin-left: 5px;
}

.tip-result-content {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: flex-end;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   margin-top: 5px;
   width: 100%;
}

.tip-result-content__items {
   position: relative;
   padding: 0 10px;
   font-size: 11px;
   background: #f7f9fa;
   border: 1px solid #dae5ea;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.tip-result-content__items:before {
   content: "";
   position: absolute;
   right: 7px;
   top: -11px;
   border: 5px solid transparent;
   border-bottom: 5px solid #dae5ea;
}

.tip-result-content__item {
   padding: 7px 0;
   border-bottom: 1px solid #dae5ea;
}

.tip-result-content__item:last-child {
   border: 0;
}

.tip-result-content__item.is-win {
   color: #009900;
}

.tip-result-content__item.is-lose {
   color: #fb4444;
}

/* tip desc */
.tip-card__desc {
   border-top: 1px solid #f0f3f5;
   margin-top: 10px;
   padding-top: 10px;
   line-height: 1.5;
   color: #1d1c1c;
}

.tip-card__desc img {
   max-width: 100%;
   height: auto;
}

.tip-card__desc .ui-expand__content:after {
   content: none;
}

.tip-card__desc .ui-expand-toggle {
   position: absolute;
   bottom: 0;
   right: 0;
   background: #fff;
   -webkit-box-shadow: -14px 0 8px 4px rgb(255 255 255 / 83%);
   box-shadow: -14px 0 8px 4px rgb(255 255 255 / 83%);
}

/* tip foot */
.tip-card__foot {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   border-bottom: 1px solid #f0f3f5;
}
/* tip card express */
.express-table {
   text-align: center;
   background: #fff;
}

.express-table_preview {
   margin-bottom: 15px;
}

.express-table tbody tr td {
   vertical-align: middle;
   padding: 8px 15px;
   border: 1px solid #f0f3f5 !important;
}

.express-table__sport {
   font-size: 13px !important;
   text-align: left;
   color: #333;
   background: #f6f6f6;;
}

.express-table__num {
   width: 30px;
   padding: 5px !important;
}

.express-table__teams {
   font-weight: 500;
   text-align: left;
}

.express-table__stat {
   width: 90px;
   padding: 5px !important;
   white-space: nowrap;
}

.express-table__stat-item {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 33px;
   height: 28px;
   background: #EFF4F7;
   border-radius: 5px;
   cursor: pointer;
   transition: box-shadow 0.2s;
   margin-right: 5px;
}

.express-table__stat-item:last-child {
   margin-right: 0;
}

.express-table__stat-item svg {
   flex: 0 0 20px;
   height: 20px;
   fill: #454545;
}

.tip__event-express .tip-line__item:first-child .tip-line__info.ui-badge:hover{
   background: #b0dcb0;
   border: 1px solid #b0dcb0;
}

.tip-line.is-win .tip-line__result,
.tip-result.is-win .tip-result__icon {
   color: #009900;
   background: #e6f7e6;
}

.tip-line.is-lose .tip-line__result,
.tip-result.is-lose .tip-result__icon {
   color: #fb4444;
   background: #ffe8e8;
}

.tip-card.is-win .tip-result__score {
   color: #009900;
}

.tip-card.is-lose .tip-result__score {
   color: #fb4444;
}

/* mini tip */

.mini-tip-list .mini-tip {
   border-bottom: 1px solid #f0f3f5;
}

.mini-tip-list .mini-tip:last-child {
   border: 0;
}

.mini-tip-list .mini-tip:nth-of-type(odd) {
   background: #f5f8fb;
}

.mini-tip__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 10px 20px;
}

.mini-tip__info {
   position: relative;
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   min-width: 0;
   margin-right: 10px;
}

.mini-tip__info-icon {
   position: absolute;
   top: 0;
   right: 0;
   color: #92a3a9;
}

.mini-tip__bookmaker {
   width: 34px;
   height: 34px;
   margin-right: 10px;
   padding: 2px;
   background: #fff;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;




}

.mini-tip__date,
.mini-tip__actions {
   margin-right: 10px;










}

.mini-tip__user {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 140px;
   flex: 0 0 140px;
   max-width: 140px;
   min-height: 34px;
   margin-right: 10px;
   padding-right: 10px;
   border-right: 1px solid #f0f3f5;
}

.mini-tip__user-avatar {
   margin-right: 10px;
}

.mini-tip__user-info {
   min-width: 0;
}

.mini-tip__user-name {
   display: block;
   color: #2b2d2d;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;










}

.mini-tip__user-stat .ui-stat-user {
   font-size: 11px;

}

.mini-tip__user-stat .ui-stat-user:first-child {
   margin-right: 5px;
}

.mini-tip__league {
   font-size: 11px;
   color: #444752;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.mini-tip__sport {
   line-height: 1.5;
   font-weight: 700;

   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.mini-tip__sport-icon,
.mini-tip__turnir {
   height: 34px;
   width: 34px;
   margin-right: 10px;
   background: #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.mini-tip__turnir {
   width: 28px;
   background: #fbf1e0;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.mini-tip__pay {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
}

.mini-tip__pay svg {
   display: none;
}

.mini-tip__teams {
   line-height: 1.5;
   font-weight: 500;
   color: #2666b9;
}

.mini-tip__express {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   height: 34px;
   font-weight: 500;
   color: #2666b9;
}

.mini-tip__express span {
   margin-left: 4px;
   font-size: 11px;
   font-weight: normal;
   color: #868ba0;
}

.mini-tip__score {
   margin-left: 5px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 60px;
   flex: 0 0 60px;
   max-width: 60px;
   font-size: 11px;
   line-height: 32px;
   font-weight: 500;
   text-align: center;
   color: #6b6b6b;
   background: #f0f4f7;
   border: 1px solid #e5ecf1;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.mini-tip__bet {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 140px;
   flex: 0 0 140px;
   max-width: 140px;
   height: 34px;
   margin-left: 5px;
   padding: 0 5px;
   font-size: 11px;
   line-height: 1.3;
   font-weight: 500;
   text-align: center;
   color: #6b6b6b;
   background: #f0f4f7;
   border: 1px solid #e5ecf1;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.mini-tip__bet span {
   white-space: pre;
}

.mini-tip__bet sup {
   color: #fb4444;
}

.mini-tip__stake,
.mini-tip__profit,
.mini-tip__dop {
   position: relative;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 45px;
   flex: 0 0 45px;
   max-width: 45px;
   height: 34px;
   margin-left: 5px;
   padding: 4px 0 15px;
   font-size: 11px;
   font-weight: 500;
   text-align: center;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.mini-tip__stake span,
.mini-tip__profit span,
.mini-tip__dop span {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 1px 0 5px;
   font-size: 9px;
   line-height: 1;
   color: #7b7e84;
}

.mini-tip.is-win .mini-tip__bet,
.mini-tip.is-win .mini-tip__score {
   color: #009900;
   background: #e6f7e6;
   border-color: #cbf1cb;
}

.mini-tip.is-lose .mini-tip__bet,
.mini-tip.is-lose .mini-tip__score {
   color: #ad8080;
   background: #ffe8e8;
   border-color: #ffdada;
}

.mini-tip.is-win .mini-tip__profit {
   color: #009900;
}

.mini-tip.is-lose .mini-tip__profit {
   color: #dc8888;
}

.mini-tip__more {
   width: 22px;
   margin-left: 5px;
}

.mini-tip__body {
   display: none;
   padding: 15px 20px;
   line-height: 1.5;
   border-top: 1px solid #f0f3f5;
}

.mini-tip__body img {
   max-width: 100%;
   height: auto;
}

.mini-tip.is-active .mini-tip__body {
   display: block;
}

.mini-tip:hover .mini-tip__head {
   background: #fffbef;
}

.mini-tip.is-active .mini-tip__head {
   background: #fff;
}

.mini-tip.is-active .mini-tip__more {
   color: #fff;
   background: #7494b9;
}

.mini-tip.is-active .mini-tip__more svg {
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transform: rotate(-180deg);
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.mini-tip.is-read .mini-tip__teams,
.mini-tip.is-read .mini-tip__express {
   color: #68788c;
}

/* tip */
.tip__user-bar {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   /* padding: 10px 20px; */
}

.tip__user,
.tip__date,
.tip__info {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}
.tip_express .tip__user{
   padding: 10px 15px;
}
.tip__user:hover {
   background-color: #f0f4f7;
}
.tip__user-link{
   display: flex;
   align-items: center;
   padding: 10px 20px;
}
.tip__user-link:hover {
   background-color: #f0f4f7;
}

.tip__user-avatar {
   margin-right: 8px;
}

.tip__user-link:hover .ui-avatar img{
   border-color: #ffd760;
}

.tip__user-name {
   max-width: 130px;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.tip__user-stat {
   margin-left: 25px;
   color: #9aa4b5;
}

.tip__user-stat .ui-stat-user {
   padding: 0 3px;
   font-size: 11px;
}

.tip__date {
   font-size: 12px;
   color: #9aa4b5;
}

.tip__date svg {
   margin: -1px 5px 0 0;
}

.tip__banner {
   display: block;
   margin-top: 10px;
}

.tip__banner img {
   display: block;
}

/* tip event */
.tip__event-head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 15px 20px;
   border-top: 1px solid #f0f3f5;
}

.tip__event-head-main {
   min-width: 0;
}

.tip__event-head-side {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   margin-left: auto;
   padding-left: 30px;
   text-align: right;
}

.tip__event-express {
   padding: 0 20px 20px;
}

.tip__strategy {
   padding: 10px 20px 20px;
   border: 1px solid #f0f3f5;
   border-width: 1px 0;
}

.tip__title {
   margin: 0 0 10px;
   font-size: 22px;
   font-weight: 500;
}

.tip_express .tip__title {
   font-size: 12px;
   font-weight: normal;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.tip__info {
   color: #9aa4b5;
}

.tip__info-item:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   margin: -1px 8px 0;
   width: 4px;
   height: 4px;
   background: #9aa4b5;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.tip__info-item:first-child:before {
   content: none;
}

.tip__subscribe {
   margin-left: auto;
   padding: 10px 20px 10px 10px;
}

.tip__line {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
}

.tip_express .tip__line {
   margin-top: 25px;
}

.tip__desc {
   margin-top: 10px;
   padding-top: 15px;
   line-height: 1.5;
   color: #1d1c1c;
   border-top: 1px solid #f0f3f5;
}

.tip__foot {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   /*border-bottom: 1px solid #f0f3f5;*/
   /*margin: 0 -20px -20px -20px;*/
}

.tip__compare-kf{
   margin-top: 20px;
}

/* compare kf */
.compare-kf .odd-badge {
   width: 100%;
   max-width: 70px;
}

/* view match */
.view-match {
   padding: 30px;
   background-size: cover;
   background-repeat: no-repeat;
   background: rgb(35, 83, 138);
   background: -moz-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(0, 128, 188, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(0, 128, 188, 1) 100%);
   background: linear-gradient(to bottom, rgba(35, 83, 138, 1) 0%, rgba(0, 128, 188, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#0080bc',GradientType=0 );
   background-position: 50%;
}

.section > .view-match:first-child {
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.section > .view-match:last-child {
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
}

.view-match__place,
.view-match__league {
   text-align: center;
   color: #fff;
   opacity: 0.9;
}

.view-match__place {
   margin-bottom: 5px;
   font-size: 16px;
   font-weight: 500;
}

.view-match__board {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-top: 10px;
   text-align: center;
}

/* view match team */

.view-match__team,
.view-match__info {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.view-match__team {
   padding: 0 10px;
}

.view-match__team-avatar {
   margin-bottom: 15px;
   width: 90px;
   height: 90px;
}

.view-match__team-name,
.view-match__team-name a{
   height: 40px;
   font-size: 17px;
   font-weight: 500;
   color: #fff;
   overflow: hidden;
}
.view-match__team-name a:hover{
   box-shadow: inset 0 -2px 0 #fff;
   transition: 0.2s;
}
.view-match__team-series {
   margin-top: 5px;
}

.view-match__team-series svg {
   margin: 2px;
}

/* view match info */
.view-match__info {
   -ms-flex-item-align: center;
   align-self: center;
}

.view-match__status {
   display: inline-block;
   margin-bottom: 10px;
   padding: 5px 10px;
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   color: #dc4745;
   background: rgba(0, 0, 0, 0.6);
   -webkit-border-radius: 17px;
   -moz-border-radius: 17px;
   border-radius: 17px;
}

.view-match__status-timer {
   position: relative;
   display: inline-block;
   margin-bottom: 10px;
   font-size: 20px;
   color: #fff;
}

.view-match__status-timer .t-blink {
   position: absolute;
   left: 100%;
   margin-left: 2px;
}

.view-match__score {
   color: #fff;
}

.view-match__score-board span {
   display: inline-block;
   font-size: 36px;
   text-shadow: 2px 2px 0 #565653;
}

.view-match__score-num {
   width: 60px;
}

.view-match__score-num:first-child {
   text-align: right;
}

.view-match__score-num:last-child {
   text-align: left;
}

.view-match__score-half {
   margin-top: 4px;
   font-weight: 500;
}

.view-match__date + .view-match__score {
   margin-top: 15px;
}

.view-match__date,
.view-match .ui-timer__head {
   font-size: 14px;
   color: #fff;
}

.view-match__date-day,
.view-match .ui-timer__head {
   opacity: 0.7;
}

.view-match__date-hour {
   margin-top: 5px;
   font-size: 42px;
   color: #fff;
}

/* match timer */
.view-match .ui-timer {
   color: #fff;
}

.ui-timer__value {
   font-size: 24px;
   text-shadow: 2px 2px 0 #565653;
}

.ui-timer__title {
   margin-top: 2px;
}

.view-match__play {
   margin-top: 10px;
}

.view-match__play .button {
   min-width: 120px;
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   color: #f3f3f3;
   background: rgba(0, 0, 0, 0.3);
}

.view-match__play .button:hover {
   background: rgba(0, 0, 0, 0.4);
}

.view-match__play .button svg {
   margin-left: 7px;
   color: #fff;
}

.view-match__bet {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-top: 20px;
   text-align: center;
}

.view-match__bet-item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

/* view match animation */
.view-match-animation {
   position: relative;
}

.view-match-animation iframe {
   margin: 0 auto;
}

.view-match-animation a {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

/* base bet */
.base-bet {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
}

.base-bet__title,
.base-bet__odd {
   padding: 6px 12px;
}

.base-bet__title {
   background: #f0f4f7;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.base-bet__odd {
   color: #fff;
   background: #5d5f59;
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

/* event analytics */
.event-analytics__item,
.event-analytics__stat {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
}

.event-analytics__item {
   margin-bottom: 20px;
}

.event-analytics__item:last-child {
   margin-bottom: 0;
}

.event-analytics__title {
   width: 140px;
   text-align: center;
}

.event-analytics__stat {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.event-analytics__stat-value {
   width: 80px;
   font-weight: 500;
   text-align: center;
}

.event-analytics__stat-bar {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.event-analytics__stat-bar.is-low .ui-progress__bar {
   background: #666563;
}

.event-analytics__stat-bar.is-high .ui-progress__bar {
   background: #f24e4d;
}

.event-analytics__stat-series {
   font-size: 0;
}

.event-analytics__stat-series span {
   display: inline-block;
   margin: 0 3px;
}

.event-analytics__stat-team {
   font-size: 14px;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

/* stat goals */
.stat-goals {
   text-align: center;
}

.stat-goals__value {
   margin-bottom: 5px;
   font-size: 20px;
   font-weight: 700;
}

/* percent win */
.percent-win__legend {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: space-around;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-around;
   -ms-flex-pack: justify;
   margin-top: 10px;
}

.percent-win__legend-item {
   position: relative;
   margin-right: 25px;
   padding-left: 15px;
   font-size: 14px;
   font-weight: 500;
}

.percent-win__legend-item:last-child {
   margin-right: 0;
}

.percent-win__legend-item:before {
   content: "";
   position: absolute;
   left: 0;
   top: 6px;
   width: 6px;
   height: 6px;
   background: #9aa4b5;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.ui-progress__bar.is-win-1,
.percent-win__legend-item.is-win-1:before {
   background: #2e5eff;
}

.ui-progress__bar.is-win-2,
.percent-win__legend-item.is-win-2:before {
   background: #31ac5d;
}

/* tip related */
.tip-related-list .tip-related {
   border-bottom: 1px solid #f0f3f5;
}

.tip-related-list .tip-related:last-child {
   border: 0;
}

.tip-related {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 10px 20px;
}

.tip-related__user-avatar {
   margin-right: 10px;
}

.tip-related__user-avatar img {
   width: 36px;
   height: 36px;
}

.tip-related__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.tip-related__meta {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-bottom: 5px;
   font-size: 12px;
   color: #1d1c1c;
}

.tip-related__date {
   margin-left: auto;
   font-size: 11px;
   color: #989fa7;
}

.tip-related__name span {
   font-weight: 700;
}

.tip-related:hover {
   background: #fffbef;
}

/* event progress */
.event-progress {
   position: relative;
}

.event-progress:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   background: #f3f5f7;
}

.event-progress__item {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 8px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.event-progress__item:nth-of-type(odd) {
   background: #f3f5f7;
}

.event-progress__time {
   height: 25px;
   width: 25px;
   margin: 0 25px;
   padding-left: 2px;
   font-size: 11px;
   line-height: 25px;
   font-weight: 700;
   text-align: center;
   background: #f3f5f7;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.event-progress__item:nth-of-type(odd) .event-progress__time {
   background: #fff;
}

.event-progress__score {
   padding: 2px 5px;
   white-space: nowrap;
   color: #fff;
   background: #31ac5d;
}

.event-progress__icon {
   width: 30px;
   margin: 0 10px;
}

.event-progress__team {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: flex-end;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.event-progress__team.is-home {
   text-align: right;
}

.event-progress__team.is-away {
   flex-direction: row-reverse;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
}

/* match analytics */
.match-analytics__body {
   padding: 5px 20px 15px;
}

/* line games */
.line-games__item {
   margin-bottom: -1px;
}

.line-games__item:nth-of-type(odd) .line-games__head tbody tr {
   background: #fcfdff;
}

.line-games__head tbody tr td {
   padding: 4px;
}

.line-games__date,
.line-games__stat {
   white-space: nowrap;
}

.line-games__teams {
   width: 100%;
   font-weight: 500;
}

.line-games__more {
   padding: 0 2px !important;
   color: #b2b6c7;
   background: #eff3f7;
   cursor: pointer;
}

.line-games__more:hover {
   background: #fff;
}

.line-games__body {
   padding: 20px 0;
}

/* global statbets */
.global-statbets {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.global-statbets__chart {
   width: 30%;
}

.global-statbets__list {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   margin: 0 30px;
}

.global-statbets__item {
   padding: 10px;
}

.global-statbets__value {
   font-size: 26px;
   font-weight: 700;
   color: #5387c7;
}

.global-statbets__desc {
   margin-top: 7px;
   font-size: 16px;
   font-weight: 500;
}

.global-statbets__legend {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 150px;
   flex: 0 0 150px;
   max-width: 150px;
}

.global-statbets__legend-item {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-bottom: 10px;
   font-size: 14px;
   font-weight: 500;
}

.global-statbets__legend-item:last-child {
   margin-bottom: 0;
}

.global-statbets__legend-item:before {
   content: "";
   width: 16px;
   height: 16px;
   margin-right: 7px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.global-statbets__legend-item.is-lose:before {
   background: #fb4444;
}

.global-statbets__legend-item.is-win:before {
   background: #379038;
}

.global-statbets__legend-item.is-draw:before {
   background: #0066ff;
}

/* sport field */
.sport-field {
   height: 350px;
   padding: 10px;
   background: #378837;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.sport-field__inner {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   height: 100%;
   background: linear-gradient(to right, #378837 50%, #428c42 0);
   background-size: 70px 100%;
   border: 2px solid #81ce81;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.sport-field__inner:before {
   content: "";
   position: absolute;
   width: 2px;
   top: 0;
   bottom: 0;
   left: 50%;
   margin-left: -1px;
   background: #81ce81;
}

.sport-field__inner:after {
   content: "";
   position: absolute;
   height: 100px;
   width: 100px;
   top: 50%;
   left: 50%;
   margin-top: -52px;
   margin-left: -52px;
   border: 2px solid #81ce81;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.sport-field__team {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.sport-field__team:before {
   content: "";
   position: absolute;
   height: 100px;
   width: 28px;
   left: -2px;
   top: 50%;
   margin-top: -52px;
   border: 2px solid #81ce81;
}

.sport-field__team.is-away {
   flex-direction: row-reverse;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
}

.sport-field__team.is-away:before {
   left: auto;
   right: -2px;
}

.sport-field__col {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   justify-content: space-around;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-around;
   -ms-flex-pack: justify;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.sport-field__player {
   position: relative;
   max-width: 64px;
   text-align: center;
   z-index: 1;
}

.sport-field__player-num {
   width: 31px;
   height: 28px;
   margin: 0 auto;
   line-height: 28px;
   font-weight: 700;
   background: url("/templates/Default/img/dress-white.gif") no-repeat;
   background-size: contain;
}

.sport-field__player-name {
   max-height: 25px;
   min-height: 15px;
   margin-top: 3px;
   font-size: 12px;
   line-height: 1;
   font-weight: 500;
   color: #fff;
   overflow: hidden;
}

/* team players */
.team-players__item,
.team-players__name {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.team-players__item {
   margin-bottom: 8px;
}

.team-players__item:last-child {
   margin-bottom: 0;
}

.team-players__name img {
   margin-right: 6px;
}

.team-players__num {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   width: 24px;
   margin-right: 15px;
   font-size: 12px;
   font-weight: 700;
   text-align: right;
}

/* profile */
.profile {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 20px;
   border-bottom: 1px solid #eee;
}

.profile_shop {
   border-bottom: 0;
}

.profile__side {
   margin-right: 20px;
   text-align: center;
}

.profile__avatar img {
   width: 100px;
   height: 100px;
}

.profile__main {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.profile__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

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

.profile__nickname {
   display: inline-block;
   vertical-align: middle;
   margin: 0 15px 0 0;
   font-size: 22px;
   font-weight: 700;
   /*text-transform: uppercase;*/
}

.profile__group {
   padding: 5px 10px;
   background: #f0f4f7;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
}

.profile__info {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.profile__info-item {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-right: 12px;
   padding: 2px 0;
   color: #858aa0;
}

.profile__info-item:last-child {
   margin: 0 0 0 auto;
}

.profile__info-item svg {
   margin-right: 4px;
}

.profile__activity,
.profile-popup__activity {
   position: relative;
   margin: -15px 0 0;
   font-size: 11px;
   text-align: center;
   color: #868ba0;
   z-index: 1;
}

.profile__activity-status,
.profile-popup__activity-status {
   display: inline-block;
   margin-bottom: 1px;
   padding: 0 5px;
   line-height: 1.5;
   font-weight: 500;
   border: 2px solid #fff;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.profile__activity-status.is-online,
.profile-popup__activity-status.is-online {
   color: #009900;
   background: #c0f3c0;
}

.profile__activity-status.is-offline,
.profile-popup__activity-status.is-offline {
   color: #fb4444;
   background: #ffe8e8;
}

.profile__subscribe {
   margin-top: 10px;
}

.profile__indicators,
.profile-popup__indicators {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.profile__indicators-item,
.profile-popup__indicators-item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   padding: 0 12px;
   text-align: center;
   border-right: 1px solid #f0f3f5;
}

.profile__indicators-item{
   padding: 6px 12px;
}
.profile__indicators-item:hover{
   background: #e3e8ec;
}
.profile__indicators-item:last-child,
.profile-popup__indicators-item:last-child {
   border: 0;
}

.profile__indicators-value,
.profile-popup__indicators-value {
   font-size: 16px;
   line-height: 1;
   font-weight: 500;
}

.profile__indicators-value {
   font-size: 20px;
}

.profile__indicators-title,
.profile-popup__indicators-title {
   font-size: 11px;
   font-weight: 500;
   color: #9ea3ad;
   white-space: nowrap;
}
.profile__indicators-item:hover .profile__indicators-title {
   color: #757b84;
}
.profile__actions {
   margin-top: 10px;
   margin-right: -2px !important;
   margin-left: -2px !important;
}

.profile__actions-item {
   padding: 0 2px !important;
}

.profile__actions .button {
   font-size: 11px;
   text-transform: uppercase;
}

.profile__about {
   position: relative;
   margin-top: 10px;
   padding: 8px 15px;
   background: #f0f4f7;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.profile__about:before {
   content: "";
   position: absolute;
   left: -10px;
   top: 0;
   border: 10px solid transparent;
   border-top: 10px solid #f0f4f7;
   border-right: 10px solid #f0f4f7;
}

.profile__about-text {
   margin-top: 7px;
   padding-top: 7px;
   color: #868ba0;
   border-top: 1px solid #e3e8ec;
}

.profile__about-text .ui-expand__content:after {
   content: none;
}

.profile__about-text .ui-expand-toggle {
   position: absolute;
   bottom: 0;
   right: 0;
   background: #f0f4f7;
   -webkit-box-shadow: -14px 0 8px 4px rgb(240 244 247 / 90%);
   box-shadow: -14px 0 8px 4px rgb(240 244 247 / 90%);
}

/* profile stat */
.profile-stat__title {
   color: #868ba0;
   overflow: hidden;
   text-overflow: ellipsis;
}

.profile-stat__value {
   margin-top: 3px;
   font-size: 15px;
   font-weight: 700;
}

/* profile popup */
.profile-popup .ui-popup__container {
   max-width: 420px;
}

.profile-popup__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.profile-popup__head-avatar {
   margin-right: 25px;
}

.profile-popup__avatar img {
   width: 90px;
   height: 90px;
}

.profile-popup__head-info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   padding-top: 4px;
}

.profile-popup__nickname {
   font-size: 22px;
   font-weight: 500;
}

.profile-popup__group {
   margin-top: 2px;
   font-size: 11px;
   font-weight: 500;
   color: #858aa0;
}

.profile-popup__info {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-top: 10px;
   padding-top: 10px;
   border-top: 1px solid #f0f3f5;
}

.profile-popup__regdate {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-left: auto;
   font-size: 11px;
   color: #858aa0;
}

.profile-popup__regdate svg {
   margin-right: 4px;
}

.profile-popup__indicators {
   margin-top: 10px;
   background: #f0f4f7;
   border: 0;
}

.profile-popup__indicators-item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   padding: 10px 15px;
   text-align: left;
   border-color: #e3e8ec;
}

a.profile-popup__indicators-item:hover {
   background: #e3e8ec;
}

a.profile-popup__indicators-item:hover .profile-popup__indicators-title{
   color: #757b84;
}
/* user series */
.user-series {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.user-series__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   padding: 10px 0;
   text-align: center;
}

.user-series__kf {
   margin-bottom: 10px;
   padding-bottom: 10px;
   font-size: 15px;
   font-weight: 500;
   border-bottom: 1px solid #f0f3f5;
}

.user-series__icon svg {
   vertical-align: top;
}
/* shop-user main stat */
.user-main-stat {
   text-align: center;
   padding: 20px;
   background: #fff;
   border-radius: 15px;
}

.user-main-stat__container {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-gap: 20px;
}

.user-main-stat__item {
   padding: 20px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   background: #ECFBFE;
   box-shadow: 0 10px 20px 0 rgb(18 21 26 / 12%);
   text-align: center;
   border-radius: 15px;
}

.user-main-stat__item:nth-child(2) {
   background: #F4F2FF;
}

.user-main-stat__item:nth-child(3) {
   background: #e6fbe7;
}

.user-main-stat__item:nth-child(4) {
   background: #FAFFDF;
}

.user-main-stat__item-title {
   font-size: 14px;
   color: #000;
   margin-bottom: 15px;
   font-weight: 500;
}

.user-main-stat__item-value {
   font-weight: 700;
   font-size: 16px;
   color: #000;
   padding: 10px;
   background: #fff;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.user-main-stat__item-value svg {
   width: 18px;
   height: 18px;
   margin-left: 5px;
   transform: rotate(90deg);
}

.user-main-stat__item-value.is-win {
   color: #009900;
}

.user-main-stat__item-value.is-win svg > g > path {
   fill: #94e5a7;
}

.user-main-stat__item-value.is-lose {
   color: #fb4444;
}

.user-main-stat__item-value.is-lose svg {
   transform: rotate(180deg);
}

.user-main-stat__item-value.is-lose svg > g > path {
   fill: #fb4444;
}


.user-main-stat__item-value .is-win {
   color: #009900;
}

.user-main-stat__item-value .is-lose {
   color: #fb4444;
}

.user-main-stat__item-value_not-highlight {
   color: #000;
}

.user-main-stat__action {
   min-width: 270px;
   margin-top: 25px;
   font-size: 15px;
   font-weight: 700;
   height: 40px;
}

@media screen and (max-width: 800px) {
   .user-main-stat__container {
      grid-template-columns: 1fr 1fr;
   }
}

@media screen and (max-width: 768px) {
   .user-main-stat {
      padding: 10px;
   }
}
/* friend card */
.friend-card-list .friend-card {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #f0f3f5;
}

.friend-card-list .friend-card:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border: 0;
}

.friend-card__head {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.friend-card__avatar {
   margin-right: 15px;
}

.friend-card__avatar img {
   width: 60px;
   height: 60px;
}

.friend-card__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.friend-card__name {
   font-size: 15px;
   font-weight: 500;
   text-transform: uppercase;
}

.friend-card__actions {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   margin: 5px 0 10px;
}

.friend-card__actions .button {
   margin: 2px 4px 2px 0;
}

.friend-card__actions .button:last-child {
   margin-right: 0;
}

.friend-card__about {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-left: 75px;
   padding: 6px 15px;
   background: #f0f4f7;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.friend-card__about:before {
   content: "";
   position: absolute;
   left: -10px;
   top: 0;
   border: 10px solid transparent;
   border-top: 10px solid #f0f4f7;
   border-right: 10px solid #f0f4f7;
}

.friend-card__about-item,
.friend-card__about-counter {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-right: 12px;
   padding: 2px 0;
   color: #858aa0;
}

.friend-card__about-item:last-child,
.friend-card__about-counter:last-child {
   margin: 0 0 0 auto;
}

.friend-card__about-item svg {
   margin-right: 4px;
}

/* user awards */
.user-awards {
   position: relative;
   height: 160px;
   width: 160px;
   padding: 20px 10px;
   text-align: center;
   border: 1px solid #e5ecf1;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.user-awards__icon {
   height: 90px;
}

.user-awards__icon img {
   opacity: 0.6;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

.user-awards__title {
   margin-top: 4px;
   font-weight: 700;
}

.user-awards__desc {
   opacity: 0;
   position: absolute;
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   left: 4px;
   right: 4px;
   top: 4px;
   bottom: 4px;
   padding: 10px;
   font-size: 12px;
   line-height: 1.3;
   font-weight: 500;
   color: #696969;
   background: rgba(255, 255, 255, 0.9);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.user-awards:hover .user-awards__desc {
   opacity: 1;
}

.user-awards.is-active .user-awards__icon img {
   opacity: 1;
   -webkit-filter: none;
   filter: none;
}

/* turnir */
.turnir-list .turnir {
   margin-bottom: 10px;
}

.turnir-list .turnir:last-child {
   margin-bottom: 0;
}

.turnir {
   padding: 20px 30px;
   background-position: 50%;
   background-size: cover;
   background-repeat: no-repeat;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 2px #dadbde;
   box-shadow: 0 1px 2px #dadbde;
}

.turnir__title {
   font-size: 36px;
   font-weight: 700;
   color: #ecf582;
}

.turnir__indicators {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin: 20px 0;
}

.turnir__indicators-item {
   position: relative;
   margin-right: 50px;
   padding-left: 48px;
}

.turnir__indicators-item:last-child {
   margin-right: 0;
}

.turnir__indicators-icon {
   position: absolute;
   top: 0;
   left: 0;
   width: 36px;
   height: 36px;
   color: rgb(255 255 255 / 67%);
   background: rgb(24 27 25 / 38%);
}

.turnir__indicators-value {
   font-size: 32px;
   line-height: 1;
   font-weight: 500;
   color: #fff;
}

.turnir__indicators-title {
   margin-top: 5px;
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
   opacity: 0.8;
}

.turnir__info {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-bottom: 10px;
   font-size: 12px;
   font-weight: 700;
   color: rgb(255 255 255 / 74%);
}

.turnir__info-item {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-right: 20px;
}

.turnir__info-item:last-child {
   margin: 0 0 0 auto;
}

.turnir__info-item svg {
   margin-right: 4px;
}

.turnir__status {
   color: #fff;
   background: rgb(175 187 222 / 28%);
}

.turnir__actions {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   padding: 3px;
   background: rgb(24 27 25 / 38%);
   -webkit-border-radius: 21px;
   -moz-border-radius: 21px;
   border-radius: 21px;
}

.turnir__actions-item {
   padding: 3px;
}

.turnir__actions .button {
   font-weight: 700;
   text-transform: uppercase;
}

.turnir__actions .button.is-white-border {
   border: 0;
}

.turnir__winners {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   margin: 20px 0;
   counter-reset: list;
}

.turnir__winner {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   min-width: 0;
   margin: 6px 6px 6px 0;
   padding: 6px 10px 6px 6px;
   font-weight: 500;
   -webkit-border-radius: 21px;
   -moz-border-radius: 21px;
   border-radius: 21px;
}

.turnir__winner:before {
   counter-increment: list;
   content: counter(list);
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   width: 20px;
   height: 20px;
   font-size: 13px;
   line-height: 20px;
   font-weight: 700;
   text-align: center;
   color: #fff;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.turnir__winner-name {
   margin: 0 10px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.turnir__winner-stat {
   margin-left: auto;
   padding: 2px 6px;
   font-size: 11px;
   line-height: 1.3;
   color: #fff;
   background: rgb(4 4 4 / 11%);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.turnir__winner.is-1 {
   color: #9e811e;
   background: #f5da7d;
}

.turnir__winner.is-1:before {
   background: #9e811e;
}

.turnir__winner.is-2 {
   color: #868686;
   background: #c9c9c9;
}

.turnir__winner.is-2:before {
   background: #868686;
}

.turnir__winner.is-3 {
   color: #a05d36;
   background: #e1986d;
}

.turnir__winner.is-3:before {
   background: #a05d36;
}

.turnir__winner:hover {
   opacity: 0.9;
}

/* turnir tip */
.turnir-tip-list .turnir-tip {
   border-bottom: 1px solid #f0f3f5;
}

.turnir-tip-list .turnir-tip:last-child {
   border: 0;
}

.turnir-tip {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 10px 20px;
}

.turnir-tip__bookmaker {
   width: 34px;
   height: 34px;
   margin-right: 10px;
   padding: 2px;
   background: #fff;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.turnir-tip__date {
   margin-right: 10px;
}

.turnir-tip__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   min-width: 0;
}

.turnir-tip__teams {
   line-height: 1.5;
   font-weight: 500;
   color: #2666b9;
}

.turnir-tip__league {
   font-size: 11px;
   color: #868ba0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.turnir-tip__sport-icon {
   height: 34px;
   width: 34px;
   margin-right: 10px;
   background: #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.turnir-tip__bets {
   position: relative;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 45px;
   flex: 0 0 45px;
   max-width: 45px;
   height: 34px;
   margin-left: 5px;
   padding: 4px 0 15px;
   font-size: 11px;
   font-weight: 500;
   text-align: center;
   color: #009900;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.turnir-tip__bets span {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 1px 0 5px;
   font-size: 9px;
   line-height: 1;
   color: #babec7;
}

/* widget turnirs */
.w-turnirs__head {
   padding: 5px;
}

.w-turnirs__cover {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 10px 30px 10px 10px;
   background-position: 50%;
   background-size: cover;
   background-repeat: no-repeat;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
   z-index: 1;
}

.w-turnirs__cover:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgb(27 31 35 / 50%);
   z-index: -1;
}

.w-turnirs__icon {
   height: 30px;
   width: 30px;
   margin-right: 10px;
   color: rgb(236 224 203);
   background: rgb(251 241 224 / 34%);
}

.w-turnirs__titles {
   min-width: 0;
   line-height: 1;
   font-weight: 700;
}

.w-turnirs__subtitle {
   margin-bottom: 3px;
   font-size: 11px;
   color: #ece0cc;
}

.w-turnirs__title {
   font-size: 14px;
   color: #ecf582;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.w-turnirs__arrow {
   position: absolute;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   right: 0;
   height: -moz-calc(50% - 1px/2);
   height: calc(50% - 1px / 2);
   width: 24px;
   color: #fff;
   background: rgb(225 224 251 / 34%);
   cursor: pointer;
}

.w-turnirs__arrow_prev {
   top: 0;
}

.w-turnirs__arrow_next {
   bottom: 0;
}

.w-turnirs__arrow:hover {
   opacity: 0.8;
}

/* match bets */
.match-bets__body {
   padding: 5px 20px 15px;
}

/* line games bets */
.line-games-bets tbody tr td {
   padding: 4px;
}

.line-games-bets__date,
.line-games-bets__stat,
.line-games-bets__actions {
   white-space: nowrap;
}

.line-games-bets__teams {
   width: 100%;
   font-weight: 500;
}

/* livescores */
.livescores-filter {
   padding: 0 20px;
   font-weight: 500;
}

.livescores-filter__sport {
   border-bottom: 0;
}

.livescores-filter__bar {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 0 20px;
   background: #285a9a;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
}

.livescores-filter__bar .ui-tabs {
   box-shadow: none;
}

.livescores-filter__bar .ui-tabs__item {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-right: 0 !important;
}

.livescores-filter__bar .ui-tabs__item:after {
   content: "";
   display: inline-block;
   width: 1px;
   height: 10px;
   margin: 0 15px;
   background: rgb(255 255 255 / 40%);
}

.livescores-filter__bar .ui-tabs__item:last-child:after {
   content: none;
}

.livescores-filter__bar .ui-tabs__link {
   color: rgb(255 255 255 / 70%);
}

.livescores-filter__bar .ui-tabs__link:hover {
   color: #fff;
}

.livescores-filter__bar .ui-tabs__item.is-current .ui-tabs__link {
   color: #fff;
   -webkit-box-shadow: inset 0 -2px 0 rgb(255 255 255 / 77%);
   box-shadow: inset 0 -2px 0 rgb(255 255 255 / 77%);
}

.livescores-filter__bar .ui-badge {
   color: rgb(255 255 255 / 80%);
   background: rgb(0 0 0 / 20%);
}

.livescores-filter__bar-calendar {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-left: auto;
}

.livescores-filter__bar-calendar-icon {
   display: none;
}

.livescores-filter__bar-calendar-icon .button-icon {
   color: #fff;
   background: rgb(0 0 0 / 30%);
}

.livescores-filter__bar-calendar-icon .button-icon:hover {
   color: #92a3a9;
   background: #f0f3f5;
}

.livescores-filter__bar-calendar .ui-calendar {
   width: 120px;
}

.livescores-filter__bar-calendar .ui-calendar__arrow {
   color: rgb(255 255 255 / 70%);
   background: rgb(0 0 0 / 30%);
}

.livescores-filter__bar-calendar .ui-calendar input {
   color: rgb(255 255 255 / 80%);
   background: rgb(0 0 0 / 22%);
}

.livescores-filter__bar-calendar .ui-calendar input:hover {
   color: #dae07d;
   background: rgb(0 0 0 / 25%);
   box-shadow: none;
}

/* livescores body */
.livescores {
   font-size: 11px;
}

.livescores__item {
   margin-bottom: -1px;
}

.livescores__item:first-child .livescores__head {
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.livescores__head,
.livescores__title {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.livescores__head {
   position: relative;
   height: 30px;
   padding-left: 10px;
   font-weight: 500;
   background: #f0f4f7;
   border: 1px solid #dfe7ec;
   overflow: hidden;
}

.livescores__title {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   min-width: 0;
   margin-right: 10px;
}

.livescores__odd-title {
   width: 52px;
   text-align: center;
}

.livescores__check {
   margin-right: 10px;
}

.livescores__country {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   width: 22px;
}

.livescores__league {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 12px;
   color: #0460bc;
}

.livescores__info {
   margin-right: 10px;
   color: #869cad;
}

.livescores__more {
   width: 28px;
   height: 100%;
   color: #91a3a9;
   border-left: 1px solid #dfe7ec;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.livescores__more:hover {
   color: #f55403;
   background: #dfe7ec;
}

.livescores__item.is-hide .livescores__more svg {
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transform: rotate(-180deg);
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.livescores__item.is-hide .livescores__body {
   display: none;
}

/* livescores match */
.livescores__match {
   display: grid;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   min-height: 32px;
   margin-top: -1px;
   padding: 0 10px;
   border: 1px solid #f0f4f7;
   cursor: pointer;
}

.livescores__match:hover {
   background: #fffbef;
}

.livescores__match:first-child {
   border-top: 0;
}

.livescores__check {
   grid-area: check;
}

.livescores__stage {
   grid-area: stage;
   width: 70px;
   text-align: center;
   color: #5c667b;
}

.livescores__team {
   padding-left: 5px;
   padding-right: 5px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.livescores__team.is-home {
   grid-area: homeTeam;
}

.livescores__team.is-away {
   grid-area: awayTeam;
}

.livescores__team.is-win {
   font-weight: 700;
}

.livescores__score {
   grid-area: score;
   font-weight: 700;
}

.livescores__score-num:first-child {
   text-align: right;
}

.livescores__score-num {
   display: inline-block;
   width: 30px;
}

.livescores__score.is-home,
.livescores__score.is-away {
   text-align: center;
}

.livescores__score.is-home {
   grid-area: homeScore;
}

.livescores__score.is-away {
   grid-area: awayScore;
}

.livescores__part {
   grid-area: scorePart;
   text-align: center;
   color: #5c667b;
}

.livescores__tv {
   grid-area: tv;
   color: #92a3a9;
}

.livescores__showplayers {
   grid-area: showPlayers;
   color: #92a3a9;
}

.livescores__live {
   grid-area: live;
   margin-left: 5px;
}

.livescores__showkf {
   grid-area: showKf;
   width: 28px;
   height: 100%;
   color: #b8cddc;
   background: #fff;
   border-left: 1px solid #f0f4f7;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.livescores__showkf:hover {
   color: #f55403;
   background: #fdfdf6;
}

.livescores__odds {
   grid-area: odds;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.livescores__odd {
   width: 52px;
   text-align: center;
}

.livescores__odd img {
   margin-right: 3px;
}

/* livescores shop */
.livescores__match_shop {
   grid-template-areas: "stage homeTeam awayTeam scorePart showKf";
   grid-template-columns: max-content 1fr 1fr 110px max-content;
   padding: 0 !important;
}

.livescores__match_shop .livescores__part {
   font-weight: 700;
   color: #1d1c1c;
}

/* livescores odds */
.livescores__match_odds {
   grid-template-areas: "check stage homeTeam awayTeam scorePart odds showKf";
   grid-template-columns: repeat(2, max-content) 1fr 1fr 90px repeat(2, max-content);
   padding-right: 0 !important;
}

.livescores__match_odds .livescores__part {
   font-weight: 700;
   color: #1d1c1c;
}

.livescores__match_odds .livescores__score {
   display: none;
}

/* livescores oneline */
.livescores__match_oneline {
   grid-template-areas: "check stage homeTeam score awayTeam scorePart tv showPlayers live";
   grid-template-columns: repeat(2, max-content) 1fr max-content 1fr 90px 20px 20px 35px;
}

.livescores__match_oneline .livescores__team.is-home {
   text-align: right;
}

.livescores__match_oneline .livescores__score.is-home,
.livescores__match_oneline .livescores__score.is-away {
   display: none;
}

/* livescores twoline */
.livescores__match_twoline {
   grid-template-areas:
      "check stage homeTeam homeScore homePart1 homePart2 homePart3 homePart4 homePart5 homePart6 homePart7 homePart8 homePart9 homePart10 tv showPlayers live"
      "check stage awayTeam awayScore awayPart1 awayPart2 awayPart3 awayPart4 awayPart5 awayPart6 awayPart7 awayPart8 awayPart9 awayPart10 tv showPlayers live";
   grid-template-columns: repeat(2, max-content) 1fr 34px 34px 34px 34px 34px 34px 34px 34px 34px 34px 34px 20px 20px 35px;
   min-height: 50px;
}

.livescores__match_twoline .livescores__team.is-home {
   padding-top: 5px;
}

.livescores__match_twoline .livescores__team.is-away {
   padding-bottom: 5px;
}

.livescores__part.is-home.is-1 {
   grid-area: homePart1;
}
.livescores__part.is-away.is-1 {
   grid-area: awayPart1;
}
.livescores__part.is-home.is-2 {
   grid-area: homePart2;
}
.livescores__part.is-away.is-2 {
   grid-area: awayPart2;
}
.livescores__part.is-home.is-3 {
   grid-area: homePart3;
}
.livescores__part.is-away.is-3 {
   grid-area: awayPart3;
}
.livescores__part.is-home.is-4 {
   grid-area: homePart4;
}
.livescores__part.is-away.is-4 {
   grid-area: awayPart4;
}
.livescores__part.is-home.is-5 {
   grid-area: homePart5;
}
.livescores__part.is-away.is-5 {
   grid-area: awayPart5;
}
.livescores__part.is-home.is-6 {
   grid-area: homePart6;
}
.livescores__part.is-away.is-6 {
   grid-area: awayPart6;
}
.livescores__part.is-home.is-7 {
   grid-area: homePart7;
}
.livescores__part.is-away.is-7 {
   grid-area: awayPart7;
}
.livescores__part.is-home.is-8 {
   grid-area: homePart8;
}
.livescores__part.is-away.is-8 {
   grid-area: awayPart8;
}
.livescores__part.is-home.is-9 {
   grid-area: homePart9;
}
.livescores__part.is-away.is-9 {
   grid-area: awayPart9;
}
.livescores__part.is-home.is-10 {
   grid-area: homePart10;
}
.livescores__part.is-away.is-10 {
   grid-area: awayPart10;
}

/* livescores kf and bets */
.livescores__kf,
.livescores__bets {
   display: none;
   margin-top: -1px;
   background: #f9fcff;
   border: 1px solid #f0f4f7;
}

.livescores__bets {
   background: #fff;
}

.livescores__bets .ui-accordion-list .ui-accordion__head {
   padding: 7px 5px 7px 10px;
}

.livescores__bets .type-bets__body {
   padding: 0 10px 5px;
}

.livescores__kf .table thead th {
   background: #f9fcff;
   border-color: #f0f4f7;
}

/* type bets */
.type-bets__body {
   padding: 0 20px 5px;
}

.type-bets__body .odd-badge {
   width: 100%;
}

/* addtips popup */
.addtips-popup .ui-popup__container {
   width: 700px;
}

.addtips-popup .ui-popup__body {
   padding: 15px 0 0;
}

/* topmatch */
.topmatch tr {
   cursor: pointer;
}

.topmatch__league {
   font-size: 11px;
   color: #868ba0;
}

.topmatch__teams-inner {
   line-height: 1.5;
   font-weight: 500;
   color: #2666b9;
}

.topmatch__stat {
   white-space: nowrap;
}

.topmatch__bets {
   font-weight: 500;
   color: #009900;
}

.topmatch__odd .odd-badge {
   width: 60px;
}

/* group odds */
.group-odds__body {
   border: 1px solid #ebf0f4;
   border-width: 1px 0;
}

/* team profile */
.team-profile {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 20px;
   color: #fff;
   background: #2c333a;
}

.team-profile__avatar {
   width: 140px;
   height: 140px;
   margin-right: 35px;
   padding: 15px;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   z-index: 1;
}

.team-profile__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   z-index: 1;
}

.team-profile__name {
   font-size: 20px;
   font-weight: 500;
}

.team-profile__about {
   margin-top: 20px;
}

.team-profile__about dt {
   color: #8a929a;
}

.team-profile__about dd {
   opacity: 0.8;
}

.team-profile__stadium {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
}

.team-profile__stadium:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: -moz-linear-gradient(left, rgba(44, 51, 58, 1) 0%, rgba(44, 51, 58, 1) 15%, rgba(44, 51, 58, 0) 100%);
   background: -webkit-linear-gradient(left, rgba(44, 51, 58, 1) 0%, rgba(44, 51, 58, 1) 15%, rgba(44, 51, 58, 0) 100%);
   background: linear-gradient(to right, rgba(44, 51, 58, 1) 0%, rgba(44, 51, 58, 1) 15%, rgba(44, 51, 58, 0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c333a', endColorstr='#002c333a',GradientType=1 );
}

.team-profile__stadium img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

/* player profile */
.player-profile {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
}

.player-profile__avatar {
   width: 160px;
   height: 160px;
   margin-right: 35px;
   border: 1px solid #ebf0f4;
}

.player-profile__avatar img {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.player-profile__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.player-profile__name {
   font-size: 20px;
   font-weight: 500;
}

.player-profile__about {
   margin-top: 20px;
}

.player-profile__about dt {
   color: #868ba0;
}

/* news */
.short-card-list .news-card {
   margin-bottom: 15px;
}

.short-card-list .news-card:last-child {
   margin-bottom: 0;
}

.news-card {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   padding: 15px 20px;
   background: #fff;
   overflow: hidden;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 2px #dadbde;
   box-shadow: 0 1px 2px #dadbde;
   margin-bottom: 15px;
}

.news-card:hover {
   -webkit-box-shadow: 0 0 0 3px rgb(223, 228, 239);
   box-shadow: 0 0 0 3px rgb(223, 228, 239);
}

.news-card__badge {
   position: absolute;
   top: 0;
   right: 0;
}

.news-card__badge:before,
.news-card__badge:after {
   content: "";
   width: 60px;
   height: 30px;
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}

.news-card__badge:before {
   position: absolute;
   top: -7px;
   right: -21px;
}

.news-card__badge:after {
   position: relative;
   display: block;
   top: 4px;
   right: -12px;
   font-size: 11px;
   font-weight: 700;
   text-align: center;
}

.news-card__badge.is-hot:before {
   background: #ee3900;
   -webkit-box-shadow: inset 0 -3px 8px #cc3508;
   box-shadow: inset 0 -3px 8px #cc3508;
}

.news-card__badge.is-hot:after {
   content: "HOT";
   color: #ffb8a2;
}

.news-card__badge.is-top:before {
   background: #2666b9;
   -webkit-box-shadow: inset 0 -3px 8px #265fa9;
   box-shadow: inset 0 -3px 8px #265fa9;
}

.news-card__badge.is-top:after {
   content: "TOP";
   color: #bcd7f9;
}

.news-card__cover img {
   display: block;
   width: 200px;
   height: 120px;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.news-card__main {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   padding: 5px 0 5px 25px;
}

.news-card__head {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.news-card__title {
   font-size: 16px;
   font-weight: 500;
}

.news-card__desc {
   margin-top: 15px;
   line-height: 1.5;
   color: #1d1c1c;
}

.news-card__foot {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-top: 10px;
}

.news-card__foot-right {
   margin-left: auto;
}

.news-card__date {
   color: #989fa7;
}

.news__foot,
.news__user {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.news__foot {
   margin-top: 20px;
}

.news__user-avatar {
   margin-right: 8px;
}

.news__user-name {
   font-weight: 500;
}

.news__user-bar {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.news__share {
   margin-left: auto;
}

/* widget news and tip */
.w-news-card-list,
.w-tip-card-list {
   height: 300px;
}

.w-news-card,
.w-tip-card {
   padding: 10px 14px;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 0 15px 0px;
}

.w-news-card-list .w-news-card,
.w-tip-card-list .w-tip-card {
   margin: 0 10px 10px 10px;
}

.w-news-card-list .w-news-card:first-child,
.w-tip-card-list .w-tip-card:first-child {
   margin-top: 10px;
}

/* .w-news-card-list .w-news-card:last-child,
.w-tip-card-list .w-tip-card:last-child {
   margin-bottom: 0;
} */

.w-news-card__title,
.w-tip-card__teams {
   line-height: 1.3;
   font-weight: 500;
}

.w-news-card__meta,
.w-tip-card__foot {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-top: 10px;
}

.w-news-card__date,
.w-tip-card__date {
   margin-left: auto;
   font-size: 12px;
   color: #989fa7;
}

.w-tip-card__line {
   margin-top: 5px;
}

.w-tip-card__line .ui-badge {
   margin: 2px 0;
}

.w-news-card:hover,
.w-tip-card:hover {
   color: #f55403;
   background: #f8fafd;
}

/* editor name */
.editor-name {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   color: #d42a2d;
   padding: 0 15px;
}

/* counter */
.comments-counter,
.views-counter,
.users-counter {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   font-size: 13px;
   color: #989fa7;
   white-space: nowrap;
}
.comments-counter{
   padding: 10px 15px;
   cursor: pointer;
}
.comments-counter:hover {
   background-color: #f0f4f7;
}
.comments-counter svg,
.views-counter svg,
.users-counter svg {
   margin-right: 4px;
   color: #cdd4d7;
}

.comments-counter svg {
   position: relative;
   top: 1px;
}

.comments-counter_circle .ui-img-box {
   width: 30px;
   height: 30px;
   margin-right: 5px;
   background: #f0f4f7;
}

.comments-counter_circle svg {
   margin: 0;
}

.users-counter_avatars {
   font-weight: 500;
}

.users-counter__img {
   position: relative;
   height: 32px;
   width: 60px;
   margin-right: 5px;
}

.users-counter__img img {
   position: absolute;
   left: 0;
   height: 32px;
   width: 32px;
   background: #fff;
   border: 2px solid #fff;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.users-counter__img img:nth-child(1) {
   left: 28px;
}

.users-counter__img img:nth-child(2) {
   left: 14px;
}

.likes-counter {
   position: relative;
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
}

.likes-counter__button {
   color: #cdd4d7;
   cursor: pointer;
}

.likes-counter__button svg {
   vertical-align: middle;
}

.likes-counter__button_m:hover,
.likes-counter.is-negative .likes-counter__value {
   color: #fb4444;
}

.likes-counter__button_p:hover,
.likes-counter.is-positive .likes-counter__value {
   color: #009900;
}

.likes-counter__value {
   width: 36px;
   font-size: 13px;
   font-weight: 700;
   text-align: center;
}

/* ostats */
.likes-counter .ostats {
   top: 100% !important;
   right: 0;
}

/* pagination */
.pagination {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
}

.pagination_pages {
   position: relative;
   padding: 0 45px;
}

.pagination__item {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   height: 38px;
   min-width: 38px;
   margin: 0 4px;
   padding: 0 8px;
   font-size: 16px;
   font-weight: 700;
   color: #4d4d54;
   -webkit-border-radius: 19px;
   -moz-border-radius: 19px;
   border-radius: 19px;
}

.pagination__item_prev,
.pagination__item_next {
   position: absolute;
   margin: 0;
   padding: 0;
   height: 38px;
   width: 38px;
   background: #dfe3e8;
}

.pagination__item_prev {
   left: 0;
}

.pagination__item_next {
   right: 0;
}

.pagination__item_prev svg {
   position: relative;
   left: -1px;
}

.pagination__item_next svg {
   position: relative;
   right: -1px;
}

span.pagination__item {
   color: #a9b3b8;
}

a.pagination__item:hover {
   color: #a9b3b8;
   background: #dfe3e8;
}

.pagination__item.is-current {
   color: #3580ad;
   background: #d0e0ea;
}

.pagination__more {
   width: 100%;
}

/* banners */
.banner-catfish {
   background: #1b1f22;
   z-index: 3;
}

.banner-catfish iframe {
   width: 100%;
   height: 60px;
}

.banner-catfish__close {
   position: absolute;
   top: 3px;
   right: 3px;
   /*background: #333;*/
   width: 35px;
   height: 60px;
   display: block;
   background: transparent;
}

.banner-catfish__close svg {
   background: #333;
   margin-left: auto;
   display: block;
   fill: #fff;
}

.banner-catfish__close:hover {
   background: transparent !important;

}

.banner-catfish__close:hover svg {
   background: #f0f3f5;
   fill: #000;
}

.banner-catfish_footer {
   position: fixed;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   max-width: 1240px;
   width: 100%;
}

.banner-brand,
.banner-brandframe {
   position: fixed;
   top: -1px;
   bottom: 0;
   left: 0;
   right: 0;
}

.banner-brandframe {
   width: 100%;
   height: 1080px;
   overflow: hidden;
}

.banner-top {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   padding-bottom: 10px;
   border-bottom: 1px solid #d9dfe4;
}

.banner-top img {
   max-width: 100%;
}

.banner-center {
   background: transparent;
   background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #e4e6ea 10px, #e4e6ea 20px);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.banner-center img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
}

.banner-center_vp {
   display: block;
   position: relative;
   height: 60px;
   width: 100%;
   overflow: hidden;
}

.banner-center_vp-bg {
   position: absolute;
   background: transparent url('/banners/parimatch/banner_center.png') no-repeat;
   image-rendering: pixelated;
   border-radius: 0;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
   height: 60px;
   width: 100%;
}

@media all and (max-width: 1239px) {
   .banner-center_vp-bg {
      background: transparent url('/banners/parimatch/banner_center_mobile.png') no-repeat;
      background-size: auto 100%;
      width: 1240px;
   }
}



/* stakeofday */
.stakeofday > thead > tr > th,
.stakeofday > tbody > tr > td {
   vertical-align: middle;
   padding: 5px;
   font-size: 12px;
   text-align: center;
}
.stakeofday__time,
.stakeofday__bet,
.stakeofday__like,
.stakeofday__result,
.stakeofday__pay {
   border: 1px solid #ebf0f4;
   border-width: 0 1px 0 0;
}
.stakeofday__bet {
   border-width: 0 1px 0;
}
.stakeofday__result {
   border-width: 0 0 0 1px;
}
.stakeofday__country {
   padding-right: 0 !important;
}
.stakeofday__teams {
   width: 60%;
   text-align: left !important;
}
.stakeofday__result,
.stakeofday__bet {
   white-space: nowrap;
}
.stakeofday__result.is-win {
   font-weight: 500;
   color: #379038;
   background: #7ede80;
   border-color: #76d478;
}
.stakeofday__result.is-lose {
   color: #fb4444;
}
.stakeofday__odd .odd-badge {
   width: 45px;
}
.stakeofday__teams {
   font-weight: 500;
   color: #2666b9;
}
.stakeofday__like .likes-counter__value {
   width: 22px;
   font-size: 12px;
}
.stakeofday__like .likes-counter__button {
   margin-top: -3px;
}

/* robobet */
.robobet {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
}
.robobet th,
.robobet td {
   vertical-align: middle;
   padding: 5px;
   font-size: 12px;
   text-align: center;
   border-bottom: 1px solid #ebf0f4;
}
.robobet tr:last-child td {
   border-bottom: 0;
}
.robobet thead th {
   color: #414852;
   font-weight: 500;
}
.robobet thead th {
   border-left: 1px solid #ebf0f4;
}
.robobet thead th:first-child {
   border-left: 0;
}
.robobet tbody tr:hover {
   background: #fffbef;
   cursor: pointer;
}

.robobet__time,
.robobet__bet {
   border-right: 1px solid #ebf0f4;
}
.robobet__time {
   width: 45px;
}
.robobet__teams {
   width: 50%;
}
td.robobet__percent,
.robobet__percent-mob * {
   width: 40px;
   font-weight: 500;
   color: #445163;
   background: #f5f8fc;
   border-color: transparent;
}
.robobet__percent.is-44,
.robobet__percent-mob .is-44 {
   color: #416b41;
   background: #ccfecc;
}
.robobet__percent.is-64,
.robobet__percent-mob .is-64 {
   color: #316f31;
   background: #aaf1ac;
}
.robobet__percent.is-84,
.robobet__percent-mob .is-84 {
   color: #276527;
   background: #7ede80;
}
.robobet__percent.is-100,
.robobet__percent-mob .is-100 {
   color: #145614;
   background: #50bb50;
}
.robobet__result {
   white-space: nowrap;
   border-left: 1px solid #ebf0f4;
}
.robobet__result.is-win {
   font-weight: 500;
   color: #379038;
   background: #7ede80;
   border-color: #76d478;
}
.robobet__result.is-lose {
   color: #fb4444;
}
.robobet__odd .odd-badge {
   width: 45px;
}
.robobet__teams-row {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   font-weight: 500;
   color: #2666b9;
}
.robobet__country {
   width: 22px;
   text-align: left;
}
.robobet__teams-inner {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   text-align: left;
}
.robobet__livecenter {
   margin-left: 5px;
   color: #92a3a9;
}
td.robobet__percent-mob {
   padding: 0 !important;
}
td.robobet__percent-mob * {
   width: 100%;
   padding: 2px 4px;
}

/* auth */
.auth__avatar {
   text-align: center;
}

.auth__section {
   margin-bottom: 35px;
}

.auth__section:last-child {
   margin-bottom: 0;
}

/* auth popup */
.auth-popup .ui-popup__container {
   max-width: 360px;
   text-align: center;
}

/* apps links */
.apps-links {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.apps-links__item {
   margin-right: 5px;
   width: 36px;
   height: 36px;
}

.apps-links__item:last-child {
   margin-right: 0;
}

.apps-links__text {
   font-size: 11px;
}

.apps-links__item_apple:hover {
   color: #c1c9d0;
}

.apps-links__item_google:hover {
   color: #a6c839;
}

.apps-links_footer .apps-links__item {
   background: #333a42;
}

.apps-links_widget .apps-links__item_code {
   width: auto;
   padding: 0 5px;
   color: #b2b6c7;
   background: #f0f4f7;
}

/* style odd */
.odd-badge {
   display: inline-block;
   padding: 3px 5px;
   font-size: 12px;
   font-weight: 500;
   color: #5c667b;
   background: #fff;
   border: 1px solid #b6dbf2;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.odd-badge:hover {
   color: #5c667b;
   background: #d9e0ed;
   border-color: transparent;
}

.odd-badge.is-win:hover {
   color: #009900;
   background: #e6f7e6;
   border-color: #cbf1cb;
}

.odd-badge.is-lose:hover {
   color: #fb4444;
   background: #ffe8e8;
   border-color: #ffdada;
}

/* odd short */
.odd-short {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 4px 5px 4px 7px;
   font-size: 12px;
   line-height: 1.3;
   font-weight: 500;
   border: 1px solid #e7ebef;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.odd-short__title {
   margin-right: 4px;
   line-height: 1;
   color: #5c667b;
}

.odd-short__value {
   width: 50px;
   margin-left: auto;
   padding: 3px;
   text-align: center;
   color: #6b6b6b;
   background: #f0f4f7;
   border: 1px solid #e5ecf1;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

/* balance */
.balance-card {
   position: relative;
   width: 300px;
   padding: 15px 20px 20px;
   overflow: hidden;
   background: rgb(85, 117, 202);
   background: -moz-linear-gradient(-45deg, rgba(85, 117, 202, 1) 0%, rgba(33, 71, 160, 1) 100%);
   background: -webkit-linear-gradient(-45deg, rgba(85, 117, 202, 1) 0%, rgba(33, 71, 160, 1) 100%);
   background: linear-gradient(135deg, rgba(85, 117, 202, 1) 0%, rgba(33, 71, 160, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5575ca', endColorstr='#2147a0',GradientType=1 );
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   z-index: 1;
}

.balance-card:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   /*background: url('https://vprognoze.ru/templates/adaptiv/css/img/turnir_bg_contest.png') no-repeat;*/
   z-index: -1;
}

.balance-card__user {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-bottom: 15px;
}

.balance-card__user-avatar {
   margin-left: auto;
   padding: 2px;
   background: #244592;
}

.balance-card__user-avatar img {
   width: 40px;
   height: 40px;
}

.balance-card__user-name {
   font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
}

.balance-card__user-group {
   margin-top: 2px;
   font-size: 11px;
   font-weight: 500;
   color: #c9d8fd;
}

.balance-card__bank {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
}

.balance-card__bank-item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
}

.balance-card__bank-item:first-child {
   margin-right: 5px;
}

.balance-card__bank-title {
   font-size: 11px;
   font-weight: 500;
   color: #cde0f9;
}

.balance-card__bank-value {
   font-size: 16px;
   font-weight: 500;
   color: #fff;
}

/* payment methods */
.payment-methods {
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
}

.payment-methods img {
   max-width: 100%;
   max-height: 100%;
   opacity: 0.5;
   -webkit-filter: grayscale(1);
   filter: grayscale(1);
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   transition: 0.2s;
}

.payment-methods img:hover {
   opacity: 1;
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
}

/* payment history */
.payment-history-total {
   font-size: 19px;
   font-weight: 500;
   color: #9aa4b5;
}
.payment-history__item {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 15px 20px;
   border-bottom: 1px solid #f0f3f5;
}

.payment-history__item:last-child {
   border: 0;
}

.payment-history__date {
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   width: 38px;
   margin-right: 15px;
}

.payment-history__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.payment-history__transaction {
   font-size: 14px;
}

.payment-history__id {
   margin-top: 3px;
   font-size: 11px;
   color: #9aa4b5;
}

.payment-history__sum {
   margin-left: 15px;
   padding: 6px 0;
   font-size: 19px;
   font-weight: 500;
   color: #9aa4b5;
   white-space: nowrap;
}

.payment-history__status {
   width: 34px;
   height: 34px;
   margin-left: 15px;
}

.payment-history__item.is-wait .payment-history__status {
   color: #c0af86;
   background: #fef2c1;
}

.payment-history__item.is-completed .payment-history__status {
   color: #86c0a3;
   background: #c1fed2;
}

/* subscribe price */
.subscribe-price-user {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   padding: 15px;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.subscribe-price-user__avatar {
   margin-right: 15px;
}

.subscribe-price-user__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.subscribe-price-user__name {
   padding-bottom: 5px;
   font-size: 15px;
   font-weight: 500;
   text-transform: uppercase;
   border-bottom: 1px solid #f0f3f5;
}

.subscribe-price {
   margin-bottom: 20px;
   font-weight: 500;
}

.subscribe-price__inner {
   position: relative;
   padding: 10px;
   text-align: center;
   overflow: hidden;
}

.subscribe-price__period {
   margin-bottom: 20px;
   padding-bottom: 20px;
   font-size: 20px;
   border-bottom: 1px solid #f0f3f5;
}

.subscribe-price__value {
   font-size: 16px;
   color: #9298ad;
}

.subscribe-price__warranty {
   position: absolute;
   top: 8px;
   right: 8px;
}

.subscribe-price__warranty svg {
   width: 16px;
   height: 16px;
}

.subscribe-price__discount {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 39px;
   font-size: 11px;
   line-height: 1.3;
   color: #e26215;
}

.subscribe-price__discount span {
   display: inline-block;
   padding: 2px 8px;
   background: #fff;
   border: 1px solid #f0f3f5;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.subscribe-price-coupon {
   margin-top: 20px;
   padding: 10px;
   background: #f2f7fd;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.subscribe-price-coupon .h3 {
   margin: 0;
}

/* user stat */
.user-stat {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
}

.user-stat__item {
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   flex-shrink: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   margin: 7px 15px 0 0;
}

.user-stat__item:last-child {
   margin-right: 0;
}

.user-stat__title {
   margin-right: 10px;
   font-size: 11px;
   font-weight: 500;
   color: #c6ccd7;
}

/* shop profile */
.shop-profile {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: end;
   align-items: flex-end;
}

.shop-profile__avatar {
   margin-right: 15px;
}

.shop-profile__avatar img {
   width: 100px;
   height: 100px;
}

.shop-profile__info {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
}

.shop-profile__user {
   margin-bottom: 20px;
}

.shop-profile__user-name {
   font-size: 17px;
   font-weight: 700;
   text-transform: uppercase;
}

.shop-profile__user-group {
   margin-top: 5px;
   color: #868ba0;
}

.shop-profile__stage {
   margin-left: 15px;
}

/* shop profile datastat */
.shop-profile-datastat dl {
   margin-bottom: 12px;
}

.shop-profile-datastat dt:before {
   content: "";
   position: absolute;
   width: 100%;
   left: 0;
   bottom: 3px;
   border-bottom: 2px dotted #d0d0d0;
}

.shop-profile-datastat dt span {
   position: relative;
   padding-right: 10px;
   background: #fff;
}

.shop-profile-datastat dd {
   margin: 0;
   padding-left: 10px !important;
}

.shop-profile-datastat dl.is-important dt,
.shop-profile-datastat dl.is-important dd {
   font-weight: 700;
   font-size: 14px;
}

/* notify list */
.notify-card-list .notify-card {
   border-bottom: 1px solid #f0f3f5;
}

.notify-card-list .notify-card:last-child {
   border: 0;
}

.notify-card {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 10px 20px;
}

.notify-card:hover {
   background: #fffbef;
   cursor: pointer;
}

.notify-card__icon {
   width: 34px;
   height: 34px;
   margin-right: 15px;
   color: #c0af86;
   background: #fef2c1;
}

.notify-card.is-rating-p .notify-card__icon,
.notify-card.is-balans .notify-card__icon,
.notify-card.is-friends-add .notify-card__icon,
.notify-card.is-tourbegin .notify-card__icon {
   color: #7ad495;
   background: #b9f5cb;
}
.notify-card.is-rating-m .notify-card__icon,
.notify-card.is-tourend .notify-card__icon,
.notify-card.is-friends-remove .notify-card__icon {
   color: #d47a7a;
   background: #f5b9b9;
}

.notify-card__user-avatar {
   margin-right: 10px;
}

.notify-card__event {
   line-height: 1.5;
}

.notify-card__event a {
   font-weight: 500;
}

.notify-card__date {
   margin-top: 2px;
   font-size: 11px;
   color: #9aa4b5;
}

/* standing table */
.standing-table_series svg {
   margin: 1px;
}

/* top user */
.top-user tbody tr {
   cursor: pointer;
}

/* h2h stat */
.h2h-stat th,
.h2h-stat td {
   padding: 3px !important;
}

/* footer */
.footer {
   position: relative;
   background: #1a1e22;
}

.footer__top {
   padding-top: 40px;
}

.footer__top-inner {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
}

.footer__left {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 200px;
   flex: 0 0 200px;
   max-width: 200px;
   margin-right: 20px;
}

.footer__middle {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   max-width: 100%;
}

.footer__right {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 180px;
   flex: 0 0 180px;
   max-width: 180px;
   margin-left: 20px;
}

.footer__logo {
   padding: 15px;
   border: 1px solid #333a42;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.footer__logo img {
   display: block;
   width: 100%;
}

.footer__count {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   margin-top: 15px;
   padding: 7px 10px;
   background: #282b2f;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.footer__count-avatars {
   position: relative;
   height: 34px;
   width: 68px;
   margin-right: 10px;
}

.footer__count-avatars img {
   position: absolute;
   left: 0;
   border: 2px solid #1a1e22;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.footer__count-avatars img:nth-child(1) {
   left: 32px;
}

.footer__count-avatars img:nth-child(2) {
   left: 16px;
}

.footer__count-text {
   font-size: 18px;
   font-weight: 500;
   color: #e6e9ef;
}

.footer__count-text span {
   display: block;
   font-size: 12px;
   color: #8e95a5;
}

.footer__time {
   margin-top: 15px;
}

.select-time {
   display: inline-block;
   padding: 3px 7px 3px 3px;
   color: #89909e;
   border: 1px solid #333a42;
   cursor: pointer;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
}

.select-time svg {
   color: #47a1e6;
}

.select-time:hover,
.ui-dropdown.is-active .select-time {
   background: #333a42;
}

/* footer nav */
.footer__nav {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: space-around;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-around;
   -ms-flex-pack: justify;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
}

.footer__nav-title,
.footer__mobile-title {
   margin-bottom: 15px;
   font-weight: 500;
   color: #8e95a5;
}

.footer__nav-item {
   margin-bottom: 8px;
}

.footer__nav-item:last-child {
   margin-bottom: 0;
}

.footer__nav-link {
   font-weight: 500;
   color: #e6e9ef;
}

.footer__social {
   margin-top: 25px;
   padding-top: 20px;
   border-top: 1px solid #333a42;
}

.footer__social-item {
   font-weight: 500;
   color: #8e95a5;
   display: block;
   margin-bottom: 12px;
}

.footer__social-item svg {
   margin-left: 8px;
}

.footer__bottom {
   padding: 40px 0 20px;
   font-size: 12px;
   font-weight: 500;
   color: #8e95a5;
}

.footer__bottom-inner {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   padding-top: 20px;
   border-top: 1px solid #343a42;
}

.footer__links-item {
   margin-right: 15px;
   color: #8e95a5;
}

.footer__links-item:last-child {
   margin: 0;
}

.footer__age {
   margin-left: 20px;
   font-weight: 700;
   color: #ce5555;
}

/* lp about and app */
.lp-about {
   padding: 40px;
}

.lp-about__indicators {
   max-width: 600px;
   white-space: nowrap;
   background: rgb(255 255 255 / 57%);
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

.lp-about__indicators-title {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   font-size: 37px;
}

.lp-about__indicators-icon {
   margin-right: 15px;
   width: 40px;
   height: 40px;
   color: #3fbb87;
   background: #d7fbe1;
}

.lp-about__indicators-desc {
   margin: 5px 0 0 55px;
   font-size: 14px;
   color: #6c6c6c;
}

.lp-about__bg img {
   position: absolute;
   top: 0;
   right: 0;
   min-width: 280px;
}

.lp-app h1 {
   font-size: 34px;
}

.lp-app__options .ui-card__title {
   font-size: 19px;
}

.lp-app__options .ui-card__body {
   margin-top: 5px;
   color: #6c6c6c;
}

.lp-app__options .ui-card__icon {
   height: 50px;
   width: 50px;
   margin-bottom: 15px;
}

.lp-app__notify {
   position: relative;
   padding-left: 15px;
}

.lp-app__notify:before {
   content: "";
   position: absolute;
   top: -5px;
   left: -10px;
   width: 22px;
   height: 39px;
   background: url("https://vprognoze.ru/uploads/img/lp-app-arrow.png");
}

/* panel nav */
.panel-nav {
   height: 50px;
   z-index: 10;
}

.panel-nav__inner {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   height: 50px;
   background: #fff;
   -webkit-box-shadow: 0 0 24px rgb(0 0 0 / 11%);
   box-shadow: 0 0 24px rgb(0 0 0 / 11%);
}

.panel-nav__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   padding-top: 3px;
   text-align: center;
}

.panel-nav__icon {
   color: #b2b6c7;
}

.panel-nav__title {
   font-size: 9px;
   line-height: 1;
   font-weight: 500;
   color: #989fa7;
}

.panel-nav__item_add {
   margin-top: -8px;
   padding-top: 11px;
   background: #fff;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

/* panel sports */
.panel-sports {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   margin-bottom: 10px;
}

.panel-sports__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   margin-right: 10px;
   padding: 10px;
   text-align: center;
   background: #fff;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.panel-sports__item:last-child {
   margin-right: 0;
}

.panel-sports__title {
   margin-top: 6px;
   font-size: 11px;
   font-weight: 500;
   text-transform: uppercase;
   color: #5c667b;
}

.panel-sports__count {
   padding: 2px 8px;
   font-size: 12px;
}

.panel-sports__item:hover {
   background: #e4e6ea;
}

/**
  * Owl Carousel v2.3.4
  * Copyright 2013-2018 David Deutsch
  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
  */
.owl-carousel {
   position: relative;
   display: none;
   width: 100%;
   -webkit-tap-highlight-color: transparent;
   z-index: 1;
}

.owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   touch-action: manipulation;
   -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
   position: relative;
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
   display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
   cursor: pointer;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-loaded {
   display: block;
}

.owl-carousel.owl-loading {
   display: block;
   opacity: 0;
}

.owl-carousel.owl-hidden {
   opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
}

.owl-carousel.owl-rtl {
   direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
   float: right;
}

/* No Js */
.no-js .owl-carousel {
   display: block;
}

.owl-carousel .animated {
   animation-duration: 1000ms;
   animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
   z-index: 0;
}

.owl-carousel .owl-animated-out {
   z-index: 1;
}

.owl-carousel .fadeOut {
   animation-name: fadeOut;
}

@keyframes fadeOut {
   0% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}

.owl-height {
   transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
   max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d;
}

/* style owl */
.owl-nav .owl-prev,
.owl-nav .owl-next {
   position: absolute;
   display: inline-flex;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-flex-pack: center;
   top: 50%;
   margin-top: -19px;
   width: 38px;
   height: 38px;
   color: #b2b6c7;
   background: #fff;
   cursor: pointer;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-shadow: 0 0 5px rgba(26, 43, 74, 0.13), 0 7px 14px rgba(18, 37, 72, 0.06);
   box-shadow: 0 0 5px rgba(26, 43, 74, 0.13), 0 7px 14px rgba(18, 37, 72, 0.06);
   z-index: 20;
}

.owl-nav .owl-prev {
   left: -10px;
}

.owl-nav .owl-prev svg {
   position: relative;
   left: -1px;
}

.owl-nav .owl-next {
   right: -10px;
}

.owl-nav .owl-next svg {
   position: relative;
   right: -1px;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
   -webkit-box-shadow: 0 0 2px rgba(26, 43, 74, 0.34), 0 3px 5px rgba(18, 37, 72, 0.07);
   box-shadow: 0 0 2px rgba(26, 43, 74, 0.34), 0 3px 5px rgba(18, 37, 72, 0.07);
}

.owl-nav button.disabled {
   display: none;
}

.owl-dots {
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
}

.owl-dot {
   margin: 0 4px;
   padding: 0 !important;
   background: none;
}

.owl-dot span {
   display: block;
   height: 4px;
   width: 16px;
   background: #858c92;
}

.owl-dot.active span {
   background: #2fa762;
}
/* theme */
.theme {
   width: 50px;
   height: 25px;
   background-color: #2c333a;
   border-radius: 25px;
   margin-right: 10px;
}

.theme__dark {
   background-color: #2f5484;
   transition: 0.4s ease background-color;
}

#theme__switch {
   display: none;
}

.theme label {
   position: relative;
   display: block;
   height: 100%;
   background-color: #2c333a;
   border-radius: 25px;
   overflow: hidden;
   cursor: pointer;
}

.theme label::before,
.theme label::after {
   content: "";
   position: absolute;
   top: 4px;
   width: 17px;
   height: 17px;
   background-color: #2c333a;
   border-radius: 50%;
   transition: 0.4s ease background-color;
}

.theme label::before {
   left: -17px;
   background-color: #2c333a;
   transition: 0.4s ease left, 0.3s ease top, 0.4s ease background-color;
   z-index: 1;
}

.theme label::after {
   left: 4px;
   background-color: #ffe076;
   transition: 0.4s ease left, 0.4s ease background-color;
}

#theme__switch:checked+label::before {
   top: 1px;
   left: 25px;
   background-color: #2c333a;
}

#theme__switch:checked+label::after {
   left: 29px;
   background-color: #fff;
}

/* bar_sport_menu */
#bar_sport_menu .ui-tabs__item {
   margin-right: 0;
}
#bar_sport_menu .ui-tabs__link{
   color: #fff;
}

/*все подписчики пользователя*/
/* subscribersTable
#subscribersTable > .table_fluid > tbody > tr > td:first-child,
#subscribersTable > .table_fluid > tbody > tr > td:last-child {
    padding: 0;
}

#subscribersTable > .table_fluid > tbody > tr > td:first-child > a,
#subscribersTable > .table_fluid > tbody > tr > td:last-child > a {
    display: flex;
    height: 46px;
    align-items: center;
}

#subscribersTable > .table_fluid > tbody > tr > td:first-child > a{
    padding-left: 20px;
}
#subscribersTable > .table_fluid > tbody > tr > td:first-child > a:hover,
#subscribersTable > .table_fluid > tbody > tr > td:last-child > a:hover{
    background: #f0f4f7;
}

#subscribersTable > .table_fluid > tbody > tr > td:last-child > a > svg {
    margin: 0 auto;
}
#subscribersTable > table > tbody > tr > td:first-child > a:hover > .ui-avatar_sm > img {
    border-color: #ffd760;
}*/
/* tip-card */
.is-first{
   border: 2px solid #55ad32;
}
/* profile-popup */
.profile-popup .ui-popup__container {
   background: #2C333B;
}
.profile-popup .profile-popup__indicators-item {
   border-color: #1e2329;
   background: #3f4852;
}
.profile-popup a.profile-popup__indicators-item:hover {
   background: #57626f;
   color: #b2b6c7;
}
.profile-popup .profile-popup__indicators-title,
.profile-popup .ui-group-user{
   color: #b2b6c7;
}
.profile-popup a.profile-popup__indicators-item:hover .profile-popup__indicators-title {
   color: #b2b6c7;
}
.profile-popup a.profile-popup__indicators-item:hover .profile-popup__indicators-value{
   color: #65a9fb;
}
.profile-popup [class^="button"].is-gray-border {
   border-color: #626d79;
   color: #c1c1c1;
}
.profile-popup [class^="button"].is-gray-border:hover{
   background: #626d79;
}
.profile-popup .button-icon {
   background: #3f4852;
}
.profile-popup .profile-popup__nickname,
.profile-popup a.profile-popup__indicators-item .profile-popup__indicators-value {
   color: #428ae0;
}
.profile-popup .ui-popup__foot,
.profile-popup .profile-popup__info {
   border-top: 1px solid #1e2329;
}
.profile-popup .ui-avatar img {
   border: 1px solid #626d79;
}
.profile-popup .profile-popup__activity-status {
   padding: 2px 7px;
   border: none;
   line-height: inherit;
}
.profile-popup [class^="button"].is-blue-border{
   color: #365f94;
   border-color: #a2bfde;
   background: #a2bfde;
}
.profile-popup [class^="button"].is-blue-border:hover {
   color: #a2bfde;
   border-color: #365f94;
   background: #365f94;
}
.profile-popup [class^="button"].is-green:hover {
   background: #288c43;
}


/* Таблица кэфов */

.vp-table-coefficients {
   background: #fff;
}

.vp-table-coefficient-bk__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #F4F4F4;
   padding: 10px 20px;
}
.vp-table-coefficient-bk__cell {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
}
.vp-table-coefficient-bk__cell-logo {
   flex: 0 0 90px;
   margin-right: 10px;
}
.vp-table-coefficient-bk__cell-bonus {
   flex: 1 1 100%;
   margin-left: 90px;
}
.vp-table-coefficient-bk__cell-bonus > a {
   font-size: 14px;
   line-height: 15px;
   font-weight: 700;
   color: #000;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   position: relative;
}
.vp-table-coefficient-bk__cell-bonus svg {
   width: 15px;
   height: 15px;
   flex: 0 0 15px;
   margin-right: 7px;
}
.vp-table-coefficient-bk__cell-bonus:hover a {
   color: #3b73b4;
}
.vp-table-coefficient-bk__cell-bonus:hover svg {
   filter: invert(50%) sepia(12%) saturate(7243%) hue-rotate(192deg) brightness(76%) contrast(80%);
}
.vp-table-coefficient-bk__cell-coefficient {
   flex: 0 0 100px;
   margin-right: 36px;
}
.vp-table-coefficient-bk__cell-coefficient:last-child {
   margin-right: 0;
}
.vp-table-coefficient-bk__bookmaker {
   display: block;
   width: 90px;
   height: 22px;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: contain;
}
.vp-table-coefficient-bk__title-coefficient {
   display: block;
   width: 100%;
   text-align: center;
}
.vp-table-coefficient-bk__coefficient {
   display: block;
   width: 100%;
   background: #f9f9f9;
   border-radius: 4px;
   color: #000;
   padding: 8px 10px;
   position: relative;
   text-align: center;
}
.vp-table-coefficient-bk__coefficient_best {
   background-color: rgba(85, 173, 50, 0.3);
   font-weight: 600;
}

/* news */
.news-single img {
   border-radius: 8px;
}

@media (max-width: 800px){
   .vp-table-coefficient-bk__cell-bonus {
      margin-left: 20px;
   }
   .vp-table-coefficient-bk__cell-coefficient {
      flex: 0 0 80px;
      margin-right: 20px;
   }
   .vp-table-coefficient-bk__coefficient {
      padding: 8px 3px;
   }
}

@media (max-width: 767px){
   .vp-table-coefficient-bk__row {
      padding-left: 10px;
      padding-right: 10px;
   }
}

@media (max-width: 600px){
   .vp-table-coefficient-bk__row {
      padding-left: 10px;
      padding-right: 10px;
   }
   .vp-table-coefficient-bk__cell-logo {
      flex: 0 0 70px;
   }
   .vp-table-coefficient-bk__cell-coefficient {
      flex: 0 0 55px;
   }
   .vp-table-coefficient-bk__bookmaker {
      width: 70px;
   }
}

@media (max-width: 470px){
   .vp-table-coefficient-bk__title {
      font-size: 12px;
   }
   .vp-table-coefficient-bk__cell-logo {
      flex: 0 0 60px;
   }
   .vp-table-coefficient-bk__cell-coefficient {
      flex: 0 0 50px;
      margin-right: 10px;
   }
   .vp-table-coefficient-bk__bookmaker {
      width: 60px;
   }
}

@media (max-width: 400px){
   .vp-table-coefficient-bk__cell-bonus {
      margin-left: 0;
      font-size: 13px;
   }
   .vp-table-coefficient-bk__cell-bonus svg {
      display: none;
   }
   .vp-table-coefficient-bk-coefficient {
      font-size: 12px;
   }
}

@media (max-width: 360px){
   .vp-table-coefficient-bk__cell-logo {
      flex: 1 1 100%;
   }
   .vp-table-coefficient-bk__cell-bonus {
      display: none;
   }
}