body {
    background-color: var(--body-bg);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: var(--body-color)
}

.navbar {
    margin-bottom: 0;
}

#header h1{
    color: #666632;
    font-size: 48px;
}

#header {
    background-color: var(--header-image-bg);
    padding: 0;
    margin: 0;
    min-height: 44px;
    position: relative;
}
#header img {
    min-height: 44px;
}
#toggle-nav {
    width: 37px;
    height: 40px;
    padding: 8px;
    margin: 0;
    position: absolute;
    right: 5px;
    bottom: 5px;
    /*
    bottom: 50%;
    margin-bottom:-20px;
    */

}

.popover-content {
    padding: 5px 1px 1px 5px;
}

.navbar-toggle {
    border-color: var(--navbar-bg);
    background-color: var(--navbar-bg);
}
.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: var(--bg-hover);
}
.navbar-toggle .icon-bar {
    background-color: var(--navbar-link-color);
    width: 100%;
}

/* Collapse navbar below 992px */
@media (max-width: 991px) {
    #toggle-nav {
        display: block;
    }
    #navbar1-collapse.collapse {
        display: none !important;
    }
    #navbar1-collapse.collapse.in {
        display: block !important;
    }
    #navbar1-collapse .navbar-nav,
    #navbar1-collapse .navbar-right {
        float: none !important;
        margin: 7.5px 0;
    }
    #navbar1-collapse .navbar-nav > li {
        float: none;
    }
}

@media (min-width: 992px) {
    #toggle-nav {
        display: none;
    }
}

@media(min-width: 768px) {
    .navbar-right {
        float: right !important;
        margin-right: -35px
    }
}

.navbar {
    min-height: 0;
}

#theme-menu .theme-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 12px;
}

.theme-dropdown-menu {
    min-width: 160px;
}

.theme-option-link {
    display: flex;
    align-items: center;
}

.theme-option-label {
    flex: 1;
}

.theme-toggle-icon,
.theme-option-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    pointer-events: none;
    fill: currentColor;
}

.theme-option-icon {
    margin-left: 5px;
}

.theme-toggle-mobile-label {
    display: none !important;
    margin-left: 12px;
    font-weight: 400;
}
.theme-option-icon--light {
    width: 19px;
    height: 19px;
}

.theme-option-icon--dark {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

@media (min-width: 992px) {
    .theme-toggle-icon {
        width: 19px;
        height: 19px;
    }
}

@media (max-width: 991px) {
    #theme-menu li.dropdown {
        position: static;
    }

    #theme-menu .theme-menu-toggle {
        display: none !important;
    }

    #theme-menu .dropdown-menu {
        display: block;
        position: static;
        float: none;
        background: transparent;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }

    .theme-toggle-mobile-label {
        display: inline-block !important;
    }
}

.well {
    background-color: var(--well-bg);
    border-color: var(--well-border);
}
/* TODO: themed colors */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: var(--nav-pills-active-color);
    background-color: var(--nav-pills-active-bg);
}

/* sorting */
th a.sort {
    cursor: pointer;
}
th a.sort + span{
    line-height: 20px;
    font-size: 12px;
    float: right;
}
th a.sort + .fa:after {
    content: "\f0dc";
    color: var(--sort-arrows-color);
}
th a.sort.asc  + .fa:after {
    content: "\f0d8";
    color: color-mix(in srgb, var(--sort-arrows-color) 50%, var(--text-primary) 50%);
}
th a.sort.desc  + .fa:after {
    content: "\f0d7";
    color: color-mix(in srgb, var(--sort-arrows-color) 50%, var(--text-primary) 50%);
}

.no-margin {
    margin: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #d3d2a6;
}

.pagination > li > a,
.pagination > li > span {
    color: #535342;
    background-color: #d3d2a6;
    border: 1px solid #b7b58f;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #535342;
    background-color: #b7b58f;
    border-color: #939374;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #e3e2c4;
    background-color: #939374;
    border-color: #939374;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #939374;
    background-color: #d3d2a6;
    border-color: #b7b58f;
}


#content {
    margin-top: 20px;
}

#footer {
    text-align: center;
    padding: 20px 0;
}
#footer p {
    margin: 0;
}
#footer hr {
    margin-top: 20px;
    margin-bottom: 20px;
}
#footer .list-inline {
    margin-bottom: 10px;
}

/* events */
#events h3,
#games-archive h3 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
#events .events-table {
    table-layout: fixed;
}
#events .events-table tr {
    background: var(--events-bg); /* W3C */
    /* background: -moz-linear-gradient(top,  rgba(227,226,195,0) 0%, rgba(205,201,163,1) 100%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,226,195,0)), color-stop(100%,rgba(205,201,163,1))); /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top,  rgba(227,226,195,0) 0%,rgba(205,201,163,1) 100%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top,  rgba(227,226,195,0) 0%,rgba(205,201,163,1) 100%); /* Opera 11.10+ */
    /* background: -ms-linear-gradient(top,  rgba(227,226,195,0) 0%,rgba(205,201,163,1) 100%); /* IE10+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e3e2c3', endColorstr='#cdc9a3',GradientType=0 ); /* IE6-9 */
}
#events .events-table tr.striped:nth-child(odd) {
    background: var(--odd-tr) !important;
}
#events .events-table tr.striped:nth-child(even) {
    background: var(--even-tr) !important;
}

#events .events-table td {
    font-size: 12px;
    vertical-align: middle;
    padding: 5px;
}
#events .events-table td:first-child {
    width: 40px;
    text-align: center;
}
#games-archive {
    text-align: center;
}



/* daily games */
#daily-games-table {
    margin-bottom: 0;
}
#daily-games-table td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
}
#daily-games-table tr:first-child td,
#daily-games-table tr.title {
    background-color: var(--daily-games-th);
}
/* #daily-games-table td {
    width: 40%;
} */
#daily-games-table td.result {
    width: auto;
}

.text-green {
    color: var(--text-green) !important;
}

.text-red {
    color: var(--text-red) !important;
}

.text-blue {
    color: var(--text-blue) !important;
}

.text-standard {
    color: var(--text-primary) !important;
}

.text-rapid {
    color: var(--text-red) !important;
}

.text-blitz {
    color: var(--text-blue) !important;
}

.tooltip-inner {
    text-align: left;
    white-space:pre;
    max-width:none;
}

/* Bootstrap customization */
.table, .table th, .table td{
    border-color: var(--table-border-color) !important
}
.table .table {
    background-color: transparent;
}

hr {
    border-color: var(--hr-border);
}
.form-control {
  border-color: var(--input-border) !important;
  background-color: var(--input-bg) !important;
  color: var(--input-color) !important;
}

.input-group-addon {
    background-color: var(--input-group-addon-bg);
    border: 1px solid var(--addon-border);
    color: var(--addon-color);
}

.radio label, .checkbox label {
    font-weight: bold;
}

.dropdown-menu {
    background-color: var(--bg-secondary);
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: var(--body-color);
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: var(--body-color);
    text-decoration: none;
    background-color: var(--dropdown-item-hover-bg);
}

.text-muted {
    color: var(--body-color-muted)
}

/* navbar */
@media (max-width: 360px) {
    .navbar-brand {
        font-size: 16px;
        font-weight: bold;
    }
}
.navbar-default {
    background-color: var(--navbar-bg);
    border: none;
    font-size: 12px;
}
/* title */
.navbar-default .navbar-brand {
    color: #535342;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #333;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: var(--navbar-link-color);
    /*border-right: 5px solid #606044;*/
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: var(--navbar-link-hover-color);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: var(--navbar-active-color);
    background-color: var(--navbar-active-bg); /*#797960;*/
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: var(--navbar-open-color);
    background-color: rgba(255,255,255, .2);
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #535342;
    border-bottom-color: #535342;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #797960;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: var(--navbar-bg);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: var(--bg-hover);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--navbar-link-color);
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--navbar-link-color);
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: var(--navbar-link-hover-color);
    }
}
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding: 10px 4px;
    }
}
@media (min-width: 1200px) {
    .navbar-nav > li > a {
        padding: 10px 7px;
        font-size: 16px;
    }
}

/* btn-2700 */
.btn-2700 {
    /* margin-top: 3px; */
    color: var(--btn-2700-color);
    background-color: var(--btn-2700-background) !important;
    border-color: var(--btn-2700-border);
}
.btn-2700:hover,
.btn-2700:focus,
.btn-2700.focus,
.btn-2700:active,
.btn-2700.active,
.open > .dropdown-toggle.btn-primary {
    color: var(--btn-2700-hover-color);
    background-color: var(--btn-2700-hover-background);
    border-color: var(--btn-2700-hover-border-color);
}
.btn-2700:active,
.btn-2700.active,
.open > .dropdown-toggle.btn-2700 {
    background-image: none;
}
.btn-2700.disabled,
.btn-2700[disabled],
fieldset[disabled] .btn-2700,
.btn-2700.disabled:hover,
.btn-2700[disabled]:hover,
fieldset[disabled] .btn-2700:hover,
.btn-2700.disabled:focus,
.btn-2700[disabled]:focus,
fieldset[disabled] .btn-2700:focus,
.btn-2700.disabled.focus,
.btn-2700[disabled].focus,
fieldset[disabled] .btn-2700.focus,
.btn-2700.disabled:active,
.btn-2700[disabled]:active,
fieldset[disabled] .btn-2700:active,
.btn-2700.disabled.active,
.btn-2700[disabled].active,
fieldset[disabled] .btn-2700.active {
    background-color: #939374;
    border-color: #797960;
    color: #fff;
}
.btn-2700 .badge {
    color: #428bca;
    background-color: #fff;
}

/* panel-default */
.panel {
    background-color: var(--panel-bg);
}
.panel-default {
    border-color: var(--panel-border);
}
.panel-default > .panel-heading {
    color: var(--panel-heading-color);
    background-color: var(--panel-heading-bg);
    border-color: var(--panel-heading-border);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--panel-border);
}

.panel-default > .panel-footer {
    color: var(--panel-footer-color);
    background-color: var(--panel-footer-bg);
    border-color: var(--panel-footer-border);
}

.label-default {
    background-color: #b7b58f;
}

/* ------------------------------------------------------------------------------------------------------------------ */

#rating-tabs {
    margin-top: 30px;
}

a:not(.navbar-nav > li > a):not(.nav > li > a) {
    /* color: var(--link-color); */
}


/* filters */
.panel-title > a {
    color: var(--link-color);
    text-decoration: none;
}

#official-ratings-search br {
    display: none;
}
@media (max-width: 400px) {
    #official-ratings-search br {
        display: inherit;
    }
}

#official-ratings-search .panel-body {
    padding: 15px 5px 0;
}

#nameFilter::-webkit-input-placeholder {
    font-size: 13px;
}
#nameFilter:-moz-placeholder {
    font-size: 13px;
}
#nameFilter::-moz-placeholder {
    font-size: 13px;
}
#nameFilter:-ms-input-placeholder {
    font-size: 13px;
}

#ratingFromFilter,
#ratingToFilter,
#birthFromFilter,
#birthToFilter {
    display: inline-block;
    width: 40%;
    float: none;
}
#ratingToFilterLabel,
#birthToFilterLabel {
    text-align: center;
    width: 20%;
}

#birthFromFilter,
#birthToFilter {
    padding: 5px 0 6px 3px;
}

#ratingsFilters {
   margin-right: 0;
}
#ratingsFilters .col-sm-4 div[class^=col-]{
    padding: 0;
}

#official-ratings-table th a,
#live-ratings-table th a,
#official-ratings-table td a,
#live-ratings-table td.name a {
    color: var(--body-color);
}

#official-ratings-table td.rapid,
#live-ratings-table td.live_rapid_rating {
    color: var(--text-red);
}

#official-ratings-table td.blitz,
#live-ratings-table td.live_blitz_rating {
    color: var(--text-blue);
}

#live-ratings-table a.live {
    background-color: #3c763d;
    color: #fff;
    text-decoration: none;
    margin: 3px auto 0;
    font-size: 12px;
    display: block;
    width: 30px;
    line-height: 15px;
    text-align: center;
}
@media (max-width: 768px) {
    #live-ratings-table a.live {
        font-size: 10px;
        width: 25px;
    }
}
 /* new */
#live-ratings-tabs {
    display: flex;
    justify-content: space-between;
}

#live-ratings-tabs li {
  margin: 0 !important;
  flex: 1 1 auto;
  text-align: center;
}

/* live ratings tabs */
#live-ratings-tabs > li > a {
    /* old */
    /* border-radius: 4px 4px 0 0;
    border: 1px solid var(--live-tab-border);
    border-bottom: none; */
    /* new */
    border-radius: 12px;
    border: none;
    /*padding: 7px 10px 6px;*/
    padding: 9px 5px 9px;
    background-color: var(--live-tab-bg);
    color: var(--live-tab-color);
    /* width: 72px; */
    text-align: center;
    margin-top: -1px;
    width: 90%;
}

@media screen and (max-width: 500px) {
    #live-ratings-tabs > li > a {
        /* width: 72px */
    }
}

@media screen and (max-width: 600px) {
    #live-ratings-tabs {
        margin-bottom: 10px
    }
}

@media (max-width: 400px) {
    #live-ratings-tabs > li > a {
        padding: 7px 3px 6px;
        /*width: 57px;*/
        /*width: 70px;*/
        /* width: 63px; */
        font-size: 13px;

    }
}

#live-ratings-tabs > li.active > a,
#live-ratings-tabs> li.active > a:hover,
#live-ratings-tabs > li.active > a:focus {
    color: var(--tab-active-color);
    background-color: var(--tab-active-bg);
}

#live-ratings-tabs > li > a:hover {
    background-color: var(--live-tab-hover-bg);
}
.nav-pills > li + li {
    margin-left: 0;
}

#name-filter {
    /*width: 250px;*/
    width: 225px;
    margin-left: 10px;
    margin-top: 1px;
}

#name-filter .form-control:last-child {
    border-bottom-right-radius: 0;
}

#name-filter .input-group-addon:first-child {
    border-bottom-left-radius: 0;
}

@media (max-width: 665px) {
    #name-filter {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    #name-filter .form-control:last-child {
        border-bottom-right-radius: 4px;
    }

    #name-filter .input-group-addon:first-child {
        border-bottom-left-radius: 4px;
    }
}

/* RATING TABLES */

#live-ratings-table,
#official-ratings-table {
    table-layout: fixed;
}

#live-ratings-table {
    clear: both;
}

#live-ratings-table > tbody > tr.leaders,
#official-ratings-table > tbody > tr.leaders,
#peakRatings table > tbody > tr.leaders {
    /* background-image: url(../img/tr_bg_leaders.jpg); */
    background: var(--live-table-tr-bg);
}
.striped.leaders:nth-child(odd) {
    background-color: var(--odd-tr) !important;
}

.striped.leaders:nth-child(even) {
    background-color: var(--even-tr) !important;
}
:is(.theme-light, .theme-dark) #live-ratings-table > tbody > tr.top_ten:nth-child(odd),
:is(.theme-light, .theme-dark) #official-ratings-table > tbody > tr.top_ten:nth-child(odd),
:is(.theme-light, .theme-dark) #peakRatings table > tbody > tr.top_ten:nth-child(odd) {
    background: var(--odd-tr);
}

:is(.theme-light, .theme-dark) #live-ratings-table > tbody > tr.top_ten:nth-child(even),
:is(.theme-light, .theme-dark) #official-ratings-table > tbody > tr.top_ten:nth-child(even),
:is(.theme-light, .theme-dark) #peakRatings table > tbody > tr.top_ten:nth-child(even) {
    background: var(--even-tr);
}
.theme-olive #live-ratings-table > tbody > tr.top_ten,
.theme-olive #official-ratings-table > tbody > tr.top_ten,
.theme-olive #peakRatings table > tbody > tr.top_ten {
    background-image: url(../img/tr_bg_top_ten.jpg);
}
#live-ratings-table tbody tr.all_lines,
#official-ratings-table > tbody > tr.all_lines,
#peakRatings table > tbody > tr.all_lines {
    background: var(--expanded-tr-bg);
}

.table-striped tbody tr:nth-child(odd) {
    background: var(--odd-tr) !important;
}

.table-striped tbody tr:nth-child(even) {
    background: var(--even-tr) !important;
}

#live-ratings-table th,
#live-ratings-table td,
#official-ratings-table th,
#official-ratings-table td {
    text-align: center;
    vertical-align: middle;
}

#official-ratings-table td.country,
#live-ratings-table td.country:not(#live-table-expanded td.country) {
    padding: 0 !important;
}

#live-ratings-table th,
#official-ratings-table th {
    background-color: var(--live-table-header-bg);
    font-size: 18px;
    font-weight: normal;
    line-height: 19px;
    padding: 1px;
}
#live-ratings-table.women > thead th {
    background-color: var(--women-th-bg);
}

#live-ratings-table.women > thead th a {
    color: var(--women-th-color);
}

#live-ratings-table th a,
#official-ratings-table th a {
    text-decoration: none;
}
#live-ratings-table td,
#official-ratings-table td,
#peakRatings table td {
    font-size: 18px;
    line-height: 18px;
    height: 23px;
    padding: 2px 0 0 0;

    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

#live-ratings-table td.position_change {
    font-size: 14px;
    position: relative;
}

#live-ratings-table td.name,
#official-ratings-table td.name,
#peakRatings table td.name {
    text-align: left;
    padding-left: 10px;
}

#peakRatings table td {
    font-size: 14px;
}

#live-ratings-table td.country .flag,
#official-ratings-table td.country .flag {
    margin: 2px;
}
#live-ratings-table td.standard_change,
#live-ratings-table td.rapid_change,
#live-ratings-table td.blitz_change {
    text-align: right;
    padding-right: 10px;
}

#live-ratings-table td.standard_change.no-games,
#live-ratings-table td.rapid_change.no-games,
#live-ratings-table td.blitz_change.no-games {
    padding-right: 0;
}

#live-ratings-table td.standard_change .dash-centered,
#live-ratings-table td.rapid_change .dash-centered,
#live-ratings-table td.blitz_change .dash-centered {
    display: block;
    text-align: center;
}

#live-ratings-table td {
    font-size: 14px;
}

#live-ratings-table th {
    font-size: 14px;
}

#live-ratings-table th:not(.live_pos) {
    font-size: 14px;
    font-weight: bold;
}

/* live table sizing */

#live-ratings-table th.live_pos {
    /*width: 40px;*/
    width: 36px;
}

#live-ratings-table th.position_change {
    /*width: 40px;*/
    width: 36px;
}

#live-ratings-table th.name {
    width: 180px;
}

#live-table-expanded td.tournament {
    max-width: 250px;
}

#live-table-expanded td.name {
    max-width: 180px;
}

#live-ratings-table th.country {
    width: 30px;
}

#live-ratings-table th.standard_change,
#live-ratings-table th.rapid_change,
#live-ratings-table th.blitz_change {
    /*width: 70px;*/
    width: 50px;
}

#live-ratings-table th.year-data {
    width: 70px;
}

#live-ratings-table th.standard_games,
#live-ratings-table th.rapid_games,
#live-ratings-table th.blitz_games {
    width: 22px;
}

#live-ratings-table th.statistics,
#live-ratings-table th.games_archive {
    width: 22px;
}

#live-ratings-table th.age {
    /*width: 50px;*/
    width: 43px;
}

/* expand games */
#live-ratings-table tr.expand-games {
    background: none;
}
#live-ratings-table tr.expand-games th{
    font-size: 14px;
}
#live-ratings-table tr.expand-games th:first-child {
    font-weight: 400;
}
#live-ratings-table tr.expand-games td{
    font-size: 14px;
    height: 21px;
}
#live-ratings-table tr.expand-games > td {
    padding: 5px 0;
}
#live-ratings-table tr.expand-games h5 {
    margin-top: 0;
    font-size: 16px;
}
#live-ratings-table tr.expand-games .country {
    width: 30px;
}
#live-ratings-table tr.expand-games .country .flag {
    margin-top: 2px;
}
#live-ratings-table tr.expand-games .result {
    text-align: center;
    width: 40px;
}
#live-ratings-table tr.expand-games .change {
    text-align: right;
    padding-right: 10px;
    /* width: 35px; */
}
#live-ratings-table tr.expand-games td.tournament {
    text-align: left;
    padding-left: 5px;
}

/*
#live-ratings-table tr.expand-games .name span {
    max-width: 115px;
    overflow-x: hidden;
    display: block;
}*/


@media (max-width: 768px) {
    #live-ratings-table th:not(.live_pos),
    #official-ratings-table th:not(.live_pos) {
        font-weight: bold;
    }
    #live-ratings-table th,
    #official-ratings-table th {
        /* background-color: #d3d2a6; */
        font-size: 14px;
        line-height: 20px;
    }
    #live-ratings-table td,
    #official-ratings-table td {
        font-size: 14px;
        height: 23px;
        padding: 0;
        line-height: 22px;
    }

    #live-ratings-table th.live_pos {
        width: 30px;
    }
    #events .events-table td:first-child {
        width: 30px;
    }

    #live-ratings-table th.position_change {
        width: 30px;
    }

    #live-ratings-table th.name {
        width: 130px;
    }
    #live-ratings-table th.standard_change,
    #live-ratings-table th.rapid_change,
    #live-ratings-table th.blitz_change {
        width: 60px;
    }

    #live-ratings-table th.age {
        width: 40px;
    }

    #live-ratings-table tr.expand-games .name {
        max-width: 85px !important;
    }
}

/*@media (max-width: 640px) {*/
@media (max-width: 700px) {
    #live-ratings-table th.name {
        width: 130px;
    }
    #live-ratings-table th.live_standard_rating.canhide,
    #live-ratings-table td.live_standard_rating.canhide,
    #live-ratings-table th.standard_games.canhide,
    #live-ratings-table td.standard_games.canhide,
    #live-ratings-table th.year-data.canhide,
    #live-ratings-table td.year-data.canhide,

    #live-ratings-table th.live_rapid_rating.canhide,
    #live-ratings-table td.live_rapid_rating.canhide,
    #live-ratings-table th.rapid_games.canhide,
    #live-ratings-table td.rapid_games.canhide,

    #live-ratings-table th.live_blitz_rating.canhide,
    #live-ratings-table td.live_blitz_rating.canhide,
    #live-ratings-table th.blitz_games.canhide,
    #live-ratings-table td.blitz_games.canhide {
        display: none;
    }

    #live-ratings-table tr.expand-games .tournament {
        display: none;
    }
}

@media (max-width: 479px) {
    #live-ratings-table th {
        font-size: 14px;
    }
    #live-ratings-table th:not(.live_pos) {
        font-weight: bold;
    }
    #live-ratings-table th.live_pos {
        font-weight: 400;
    }
    #live-ratings-table th.name {
        width: 72px;
    }
    #live-ratings-table td.name {
        padding-left: 1px;
    }



    #live-ratings-table th.statistics,
    #live-ratings-table td.statistics {
        display: none;
    }

    #live-ratings-table th.age,
    #live-ratings-table td.age {
        display: none;
    }

    /* #live-ratings-table tr.expand-games .date {
        display: none;
    } */

    #live-ratings-table th.change {
        width: 50px;
    }
    #live-ratings-table td.change {
        padding-right: 2px;
    }
}

#live-ratings-table .standard_games img,
#live-ratings-table .rapid_games img,
#live-ratings-table .blitz_games img {
    display: block;
    /* margin: 2px 0 0 2px; */
}

/*
@media (max-width: 767px) {
    #live-ratings-table th,
    #official-ratings-table th {
        background-color: #d3d2a6;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
    }
    #live-ratings-table td,
    #official-ratings-table td {
        font-size: 14px;
        line-height: 20px;
        padding: 0;
    }

    #live-ratings-table th.live_pos {
        width: 30px;
    }
    #events .events-table td:first-child {
        width: 30px;
    }

    #live-ratings-table th.position_change {
        width: 30px;
    }

    #live-ratings-table th.name {
        width: 130px;
    }
    #live-ratings-table th.standard_change,
    #live-ratings-table th.rapid_change,
    #live-ratings-table th.blitz_change {
        width: 60px;
    }

    #live-ratings-table th.age {
        width: 40px;
    }

    #live-ratings-table tr.expand-games .tournament,
    #live-ratings-table tr.expand-games .date {
        display: none;
    }

    #live-ratings-table td.standard_games,
    #live-ratings-table td.rapid_games,
    #live-ratings-table td.blitz_games {
        line-height: 17px;
    }
}
@media (max-width: 625px) {
    #live-ratings-table th.name {
        width: 180px;
    }
    #live-ratings-table th.live_standard_rating.canhide,
    #live-ratings-table td.live_standard_rating.canhide,
    #live-ratings-table th.standard_games.canhide,
    #live-ratings-table td.standard_games.canhide,

    #live-ratings-table th.live_rapid_rating.canhide,
    #live-ratings-table td.live_rapid_rating.canhide,
    #live-ratings-table th.rapid_games.canhide,
    #live-ratings-table td.rapid_games.canhide,

    #live-ratings-table th.live_blitz_rating.canhide,
    #live-ratings-table td.live_blitz_rating.canhide,
    #live-ratings-table th.blitz_games.canhide,
    #live-ratings-table td.blitz_games.canhide {
        display: none;
    }
    #live-ratings-table th.statistics,
    #live-ratings-table td.statistics {
        //display: none;
    }

    #live-ratings-table th.age,
    #live-ratings-table td.age {
        //display: none;
    }
}
@media (max-width: 480px) {
    #live-ratings-table th.name {
        width: 80px;
    }
    #live-ratings-table td.name {
        padding-left: 1px;
    }

    #live-ratings-table td.standard_change,
    #live-ratings-table td.rapid_change,
    #live-ratings-table td.blitz_change {
        padding-right: 10px;
    }

    #live-ratings-table td.standard_change.no-games,
    #live-ratings-table td.rapid_change.no-games,
    #live-ratings-table td.blitz_change.no-games {
        padding-right: 0;
    }
}
@media (max-width: 359px) {
    #live-ratings-table th.country,
    #live-ratings-table td.country {
        display: none;
    }
}
*/
/* official table sizing */
#official-ratings-table th.position{
    width: 40px;
}
#official-ratings-table th.title{
    width: 50px;
}
#official-ratings-table th.name{
    width: 300px;
}
#official-ratings-table th.country {
    width: 30px;
}
#official-ratings-table th.age{
    width: 50px;
}
@media (max-width: 767px) {
    #official-ratings-table th.position{
        width: 30px;
    }
    #official-ratings-table th.name{
        width: 200px;
    }
}
@media (max-width: 599px) {
    #official-ratings-table th.title{
        width: 45px;
    }
    #official-ratings-table th.name{
        width: 100px;
    }
    #official-ratings-table td.name{
        padding-left: 5px;
    }
    #official-ratings-table th.age{
        width: 40px;
    }
}
@media (max-width: 479px) {
    #official-ratings-table th.standard.canhide,
    #official-ratings-table th.rapid.canhide,
    #official-ratings-table th.blitz.canhide,

    #official-ratings-table td.standard.canhide,
    #official-ratings-table td.rapid.canhide,
    #official-ratings-table td.blitz.canhide {
        display: none;
    }
}
@media (max-width: 359px) {
    #official-ratings-table th.country,
    #official-ratings-table td.country {
        display: none;
    }
    #official-ratings-table th.name{
        width: 100px;
    }
}

tr.empty-row td {
    line-height: 23px !important;
}


#privacy h1 {
    font-size: 24px;
}

#privacy h3 {
    font-size: 18px;
}

#terms h1 {
    font-size: 24px;
}

#terms h3 {
    font-size: 18px;
}


#faqs h1 {
    font-size: 24px;
}
#faqs h3 {
    font-size: 18px;
}

#shop h1 {
    font-size: 18px;
}

.print-country {
    display: none;
    font-size: 12px;
    padding-top: 5px;
    margin: 0 auto;
}
.expand-games .print-country {
    padding-top: 3px;
}
@media print {
    @page { size: landscape; }
    a:link:after, a:visited:after {
        content: "";
    }
    #name-filter,
    #live-ratings-tabs,
    #events,
    #games-archive,
    #sidebar,
    .ad {
        display: none;
    }
    .print-country {
        display: block;
    }
    .flag  {
        display: none !important;
    }
    .thumb-img {
        max-height: 178px;
        overflow: hidden;
        text-align:center;
    }
}

#charts h1 {
    font-size: 24px;
}
#chartBg h1 {
    font-size: 48px;
}
#chartBg h1 a {
    color: #b7b58f;
}
@media (max-width: 989px) {
    #chartBg h1 {
        font-size: 24px;
    }
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;

    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

#chartBg {
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -moz-transform:    translate(-50%, 0);
    -ms-transform:     translate(-50%, 0);
    -o-transform:      translate(-50%, 0);
    transform:         translate(-50%, 0);
    bottom: 33%;
    left: 50%;
    /*
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    */
}

#charts .players-list {
    margin-bottom: 0;
}
#charts .players-list li {
    background-color: var(--charts-players-list-bg);
    padding: 5px 8px;
    margin-left: 5px;
    border-left: 5px solid var(--charts-players-list-border);
    margin-bottom: 5px;
    white-space: nowrap;
    float: left;
    line-height: 20px;
    overflow: hidden;
    width: 140px;
}
#charts .players-list .name,
#charts .players-list small {
    display: inline-block;
    overflow: hidden;
}

#charts .player-country {
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#charts .name {
    width: 136px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
    #charts .player-country {
        width: 130px;
    }

    #charts .name {
        width: 100px;
    }
}

#charts .players-list .add-player {
    border: none;
    line-height: 50px;
    max-width: inherit;
    width: 140px;
    text-align: center;
    /* display: none; */
}



/* --- */

@media (min-width: 1200px) {
    #charts .players-list .add-player,
    #charts .players-list li {
        width: 175px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #charts .players-list .add-player,
    #charts .players-list li {
        width: 142px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #charts .players-list li {
        width: 140px;
    }
    #charts .players-list .name,
    #charts .players-list small {
        width: 106px;
    }
}
/* --- */

#gamesArchiveSearch .white-select,
#gamesArchiveSearch .black-select {
    max-height: 300px;
    overflow-y: scroll;
}

.games-archive-search .label-padding {
    padding-top: 24px;
}

.games-archive-search .comma {
    position: absolute;
    top: 40px;
    right: 5px;
}

#gamesArchive td {
    white-space: nowrap;
    overflow: hidden;
}

.range .from,
.range .to,
.range .dash {
    float: left;
}

.range .from {
    width: 45%;
}
.range .to {
    width: 45%;
}
.range .dash {
    width: 10%;
    text-align: center;
    padding-top: 7px;
}

#playerProfile h1:not(.watermark) {
    font-size: 24px;
}

#playerProfile .flag {
    vertical-align: inherit;
}

.ad2700 {
    display: inline-block
}

#peakRatings #live-ratings-tabs > li > a {
    /* width: inherit; */
}

#events #live-ratings-tabs > li > a {
    /* width: inherit; */
}

#peakRatingsTable,
#ratings1978Table,
#ratingChartsTable {
    clear: both;
    margin-top: -1px;
}

#peakRatingsTable th,
#peakRatingsTable td,
#ratings1978Table th,
#ratings1978Table td,
#ratingChartsTable th,
#ratingChartsTable td {
    text-align: center;
    vertical-align: middle;
}

#peakRatingsTable th,
#ratings1978Table th,
#ratingChartsTable th {
    background-color: var(--rating-th-bg);
}

#peakRatingsTable th a,
#ratings1978Table th a,
#ratingChartsTable th a,
#peakRatingsTable td.name a,
#ratings1978Table td.name a,
#ratingChartsTable td.name a {
    color: var(--rating-link-color);
}

#peakRatingsTable td.date,
#ratings1978Table td.date,
#ratingChartsTable td.date {
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
}

#peakRatingsTable td,
#ratings1978Table td,
#ratingChartsTable td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}
#peakRatingsTable td.name,
#peakRatingsTable td.notes,
#ratings1978Table td.name,
#ratings1978Table td.notes,
#ratings1978Table td.country,
#ratingChartsTable td.name,
#ratingChartsTable td.notes {
    text-align: left;
}
#peakRatingsTable td.notes,
#ratings1978Table td.notes,
#ratingChartsTable td.notes {
    max-width: 250px;
    font-size: 14px;
    padding-left: 5px;
}

#ratings1978Table td.country.f24 span:nth-of-type(2) {
        margin-right: 4px;
        margin-left: 3px;
}

#peakRatings #chartTableSearch .input-group-btn:first-child > .btn {
    border-bottom-left-radius: 0;
    background-color: var(--charts-table-search-btn-bg);
    border-color: var(--charts-table-search-btn-border);
    color: var(--charts-table-search-btn-color);
}
#peakRatings #chartTableSearch .input-group-btn:last-child > .btn {
    border-bottom-right-radius: 0;
    background-color: var(--charts-table-search-btn-bg);
    border-color: var(--charts-table-search-btn-border);
    color: var(--charts-table-search-btn-color);
}

@media (max-width: 459px) {
    #peakRatings th.name,
    #peakRatings td.name {
        max-width: 145px;
        overflow: hidden;
    }
    #peakRatings th.date,
    #peakRatings td.date,
    #peakRatings th.birth,
    #peakRatings td.birth {
        display: none;
    }
}

#tree h1 {
    font-size: 24px;
}

.nav-tabs {
    /* border-bottom: 1px solid var(--games-tab-border-bottom-color); */
    border-bottom: none;
}
.nav-tabs > li > a {
    color: var(--games-tab-color);
    border: 1px solid var(--games-tab-border-color);
    background-color: var(--games-tab-bg);
    /* border-bottom-color: var(--games-tab-border-bottom-color); */
}
.nav-tabs > li > a:hover {
    background-color: var(--games-tab-bg-hover);
    border-color: var(--games-tab-border-color);
    /* border-bottom-color: var(--games-tab-border-bottom-color); */
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--games-tab-active-color);
    cursor: default;
    background-color: var(--games-tab-active-bg);
    border: 1px solid var(--games-tab-active-border-color);
    border-bottom-color: var(--games-tab-active-border-bottom-color);
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: var(--games-tab-bg-hover);
}

#userLibrary .player-item {
    height: 80px
}

@media screen and (max-width: 991px) {
    #userLibrary .player-item {
        height: auto
    }
}

#userLibrary .board-item {
    position: relative;
    margin-bottom: 28px;
}
#userLibrary .board-item .edit,
#userLibrary .board-item .close {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    z-index: 100;
    float: right;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
#userLibrary .board-item .edit {
    right: 17px;
    top: 3px;
}
#userLibrary .board-item:hover .edit {
    display: block;
}
#userLibrary .board-item:hover .close {
    display: block;
}

#play .dl-horizontal dt,
#analysis .dl-horizontal dt,
#archiveView .dl-horizontal dt {
    width: 80px;
}
@media (min-width: 768px) {
    #play .dl-horizontal dd,
    #analysis .dl-horizontal dd,
    #archiveView .dl-horizontal dd {
        margin-left: 100px;
    }
}

#play #board {
    margin-bottom: 20px;
}

#gamesArchiveTable td {
    padding: 2px 8px;
}
#gamesArchiveTable td.name {
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 989px) {
    #gamesArchiveTable td.name {
        max-width: 140px;
    }
}
@media (min-width: 561px) and (max-width: 767px) {
    #gamesArchiveTable td.name {
        max-width: 120px;
    }
    #gamesArchiveTable th.site,
    #gamesArchiveTable td.site,
    #gamesArchiveTable th.date,
    #gamesArchiveTable td.date,
    #gamesArchiveTable th.eco_id,
    #gamesArchiveTable td.eco_id,
    #gamesArchiveTable th.plycount,
    #gamesArchiveTable td.plycount {
        display: none;
    }
}

@media (max-width: 560px) {
    #gamesArchiveTable td.name {
        max-width: 85px;
    }
    #gamesArchiveTable th.rating,
    #gamesArchiveTable td.rating,
    #gamesArchiveTable th.site,
    #gamesArchiveTable td.site,
    #gamesArchiveTable th.date,
    #gamesArchiveTable td.date,
    #gamesArchiveTable th.eco_id,
    #gamesArchiveTable td.eco_id,
    #gamesArchiveTable th.plycount,
    #gamesArchiveTable td.plycount {
        display: none;
    }
}
#live-ratings-table .tooltip-inner {
    max-width: none;
}

@media (max-width:998px){
   .invisible_bar {
      display: none!important; /* alternatively inline-block */
   }
}

.field-signupform-recaptcha {
    margin-top: 20px;
    margin-bottom: 25px;
}

.or-hr {
    width: 100%;
    height: 12px;
    margin-top: 12px;
    border-bottom: 1px solid var(--well-border);
    text-align: center;
}

.or-hr span {
    padding: 10px;
    font-size: 12px;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

.forgot-password a {
    float: right;
    margin-top: -35px;
}

.field-loginform-rememberme .checkbox {
    width: fit-content;
}

@media (max-width: 365px) {
    .field-loginform-rememberme {
        margin-top: 40px;
    }

    .forgot-password a {
        float: left;
        margin-top: -63px;
    }
}

.site-login h1,
.site-signup h1 {
    margin-bottom: 40px;
}

.auth-clients {
    margin: 13px 0 0 0;
}

.auth-clients .login-button {
    width: 100%;
    height: 38px;
    margin-top: 10px;
    padding: 7px 0;
    text-align: center;
    border-radius: 7px;
}

.auth-clients .google-button {
    background-color: var(--google-button-bg, #FFFFFF);
    border: 1px solid var(--google-button-border, #747775);
}

.auth-clients .apple-button {
    cursor: pointer;
    background-color: var(--apple-button-bg, #000000);
    border: 1px solid var(--apple-button-border, #000000);
}

.auth-clients .auth-link,
.auth-clients .auth-link-without-popup {
    font-size: 16px;
}

.auth-clients .google-button .auth-link {
    color: var(--google-button-color, #1F1F1F);
}

.auth-clients .apple-button .auth-link-without-popup {
    color: var(--apple-button-color, #FFFFFF);
}

.auth-clients .facebook-button {
    background-color: #3b5998;
}

.auth-clients .facebook-button .auth-link {
    color: white;
}

.auth-clients .login-button .auth-link {
    width: 100%;
    display: block;
}

.auth-clients .login-button .auth-link:hover,
.auth-clients .login-button .auth-link-without-popup:hover {
    text-decoration: none;
}

.auth-clients .google-button .auth-link span::before {
    background-image: url(../img/google.webp);
    background-size: 13px;
    background-repeat: no-repeat;
    content: "";
    width: 14px;
    height: 13px;
    display: inline-flex;
    filter: var(--google-button-icon-filter, none);
}

.auth-clients .apple-button .auth-link-without-popup span::before {
    background-image: url(../img/apple.png);
    background-size: 13px;
    background-repeat: no-repeat;
    content: "";
    width: 14px;
    height: 13px;
    display: inline-flex;
    filter: var(--apple-button-icon-filter, invert(1));
}

.auth-clients .facebook-button .auth-link span::before {
    background-image: url(/img/icons/facebook.png);
    background-size: 13px;
    background-repeat: no-repeat;
    content: "";
    width: 14px;
    height: 13px;
    display: inline-flex;
}

.g-recaptcha {
    transform: scale(1.06);
    transform-origin: 0 0;
}

.signin-button {
    width: 100%;
    height: 40px;
}

.signin-button > div {
    max-width: none !important;
}

.signin-button text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

@media (max-width: 1200px) {
    .g-recaptcha {
        transform: scale(1.373);
    }
}

@media (max-width: 991px) {
    .g-recaptcha {
        transform: scale(1.01);
    }
}

@media (max-width: 767px) {
    .g-recaptcha {
        /* transform: scale(80%); */
        transform: scale(0.726);
    }
}

input[type="checkbox"] {
    cursor: pointer;
}

#widget-analysis{
    margin-bottom: 20px;
}

.text-align-right {
    text-align: right;
}

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

.text-align-left {
    text-align: left;
}

/*
.table-2700 {
    table-layout: fixed;
}

.table-2700 > tbody > tr.leaders {
    background-image: url(/img/tr_bg_leaders.jpg);
}
.table-2700 > tbody > tr.top_ten {
    background-image: url(/img/tr_bg_top_ten.jpg);
}
.table-2700 > tbody > tr.all_lines {
    background-image: url(/img/tr_bg.jpg);
}

.table-2700 th,
.table-2700 td {
    text-align: center;
    vertical-align: middle;
}

.table-2700 th {
    background-color: #d3d2a6;
    font-size: 18px;
    font-weight: normal;
    line-height: 19px;
    padding: 1px;
}

.table-2700 th a {
    text-decoration: none;
}
.table-2700 td {
    font-size: 18px;
    line-height: 18px;
    height: 23px;
    padding: 2px 0 0 0;

    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}

.table-2700 td.name {
    text-align: left;
    padding-left: 10px;
}

.table-2700 td.country .flag {
    margin: 2px;
}
*/

.archive-p {
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .archive-p {
        margin-bottom: 0
    }
}

@keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}

.spinner {
    animation: spin 1s linear infinite;
}


.preloader {
    width: 10px;
    height: 10px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #b7b58f;
    border-radius: 50%;
    animation: spin 0.5s linear infinite;
    display: none;
  }

.preloader.active {
    display: block;
}

.save-btn {
    background-color: #b7b58f;
    color: inherit;
    border: none;
    padding: 1px 20px;
    cursor: pointer;
    border-radius: 0.25rem;
    margin-right: 10px;
}

.save-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.cancel-btn {
    background-color: #e3e2c4;
    color: inherit;
    border: none;
    padding: 1px 20px;
    cursor: pointer;
    border-radius: 0.25rem;
}

.premium-controls-desktop {
    display: table-row;
}

.premium-controls-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .premium-controls-desktop {
        display: none;
    }
    .premium-controls-mobile {
        justify-content: end;
        display: flex;
        gap: 10px;
        margin-top: 17px;
    }
    .premium-controls-mobile a {
        flex: 1;
        max-width: 140px;
    }
}

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

/* Visible only on screens <= 1200px */
.tablet-only {
    display: none;
}

@media screen and (max-width: 1199px) {
    .tablet-only {
        display: block;
    }
}

.span-desktop {
    display: inline;
}

.span-mobile {
    display: none;
}

#checkout-button {
    width: 160px;
    min-width: 160px;
}

.month-subscription-choose {
    display: flex;
    align-items: center;
    gap: 10px;
}

.primary-action-btn {
    font-size: 16px !important;
}

@media screen and (max-width: 767px) {
    .primary-action-btn {
        font-size: 20px !important;
        padding: 10px 0 !important;
        font-weight: 600 !important;
        height: auto !important;
        line-height: 1.42857143 !important;
    }
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    #checkout-button {
        width: 100%;
        min-width: 160px;
    }
    .month-subscription-choose {
        align-items: start;
        gap: 10px;
    }
    .span-desktop {
        display: none;
    }

    .span-mobile {
        display: inline;
    }
}

#live-ratings-table th.new-ui {
    width: 40px;
}

#live-ratings-table th.new-ui.standard_change {
    width: 57px;
}

@media screen and (max-width: 550px) {
    #live-ratings-table th.new-ui {
        width: 30px;
    }
    #live-ratings-table th.new-ui.standard_change {
        width: 44px;
    }
}

@media screen and (max-width: 769px) {
    #search {
        font-size: 16px;
    }
}

.line-clamp {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    white-space: normal;
}

.line-clamp p {
    margin: 0;
}

.no-margin p {
    margin: 0;
}

.desktop-sidebar #archive-sidebar-menu {
    display: block;
}

.mobile-sidebar #archive-sidebar-menu {
    display: none;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: 0;
    right: 0;
    color: inherit
}

@media screen and (max-width: 767px) {
    .desktop-sidebar #archive-sidebar-menu {
        display: none;
    }
    .mobile-sidebar #archive-sidebar-menu {
        display: block;
    }
}

.header-flag {
    float: left;
    margin-top: 5px;
    margin-right: 7px;
}

@media screen and (max-width: 1200px) {
    .header-flag {
        margin-top: 1px;
    }
}

.tablebase-wrapper {
    text-align: center;
}

.live-menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12.5px;
    margin-bottom: 1;
}

.margin_flag {
    margin-left: 16px;
}

@media screen and (max-width: 991px) {
    .margin_flag {
        margin-left: 8px;
    }
}

#archive-list-table td {
    white-space: nowrap;
}

@media screen and (max-width: 1200px) {
    #archive-list-table td.black_player.name .player-name,
    #archive-list-table td.white_player.name .player-name {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        box-sizing: border-box;
        white-space: normal;
    }
}

.suggestion-link:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}

.bg-light {
    background-color: var(--bg-light) !important;
}