@charset "UTF-8";
/* Общий стиль для иконок в меню */
.rin-menu li a .icon {
  display: inline-block;
  width: 20px;       /* Подстройте под размер ваших текущих иконок */
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.85;     /* Лёгкое приглушение для гармонии с текстом */
}

/* Если используете шрифтовые иконки (например, FontAwesome или свои) */
.icon-users::before { content: "\f0c0"; font-family: "YourIconFont"; }
.icon-whistle::before { content: "\f0a1"; font-family: "YourIconFont"; }
.icon-building::before { content: "\f1ad"; font-family: "YourIconFont"; }

/* Адаптация цвета под ваш дизайн (замените #2c3e50 на цвет текста меню) */
.rin-menu li a .icon {
  color: #2c3e50; 
  fill: currentColor; /* Для SVG-спрайтов */
}
.ereferee .row{margin:unset !important}
.btnprimary {background-color: #EEE;border-color: #ccc;border-style: solid;border-width: 2px;font-size: 20px;margin: 2px;}
#standingsSettings.modal {top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;}
#table_main table tr td span.label-success{background: #2f3f7d;padding: 2px 10px;font-size: 10px;font-weight: 700;}
#standing.drawsSummary .row, #table.drawsTable .row{margin-right: unset; margin-left: unset;}
.rin-nav-item a, .rin-topnav-group a,.d-md-inline a{color:#fff}
@media (min-width: 768px){.col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%;max-width: 40%;}.ml-md-5, .mx-md-5 { margin-left: 3rem!important;}}
@media (min-width: 768px) and (max-width: 1024px){#change_tournament_ref,#change_category_ref{max-width: 160px;}}
@media (max-width:767px){.refereeboard-container select{width:100%}.refereeboard-container .float-right { float:unset!important;}}
@media screen and (max-width: 1024px){.rin-player-step-col {margin-bottom: 1rem;}.rin-player-step-col {flex-direction: column;}}

footer a,button{border:0;color:#fff;transition-property:color;transition-duration:.3s}
footer a:hover,footer button:hover{color:#00b9ff}
#modalOverlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 2000;}
#draw_preview_link.disabled {cursor: default;pointer-events: none;}

.scoresbegin td {cursor: pointer;user-select: none; transition: background-color 0.3s;}
.scoresbegin td.dragging {background-color: #f0f0f0 !important; /* Цвет ячейки при перетаскивании */}
.scoresbegin td.droppable {background-color: #e0e0e0 !important; /* Цвет ячейки при наведении */}
.scoresbegin td a {text-decoration: none; /* Убираем подчеркивание ссылки */display: block; /* Делаем ссылку блочным элементом */}
.popover-body a {color:interhit !important;}
.btn-default {background: unset !important;border-color: #00435e !important ;}
.btn-info {color: #fff !important;}
.adminPanel .adminRibbon {color: #fff !important;}
 
@media (max-width: 100%) {.drawsTable { overflow-y: hidden !important; }}
@media screen and (max-width: 1024px){.rin-player-step-col {margin-bottom: 1rem;}.rin-player-step-col {flex-direction: column;}}

/* для RegenerateModal */
#RegenerateModal .modal-dialog {position: relative;margin: 30px auto;max-width: 500px;pointer-events: auto;}
#landingPageContainer .modal2 {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5050;overflow-y: auto !important;outline: 0;}
.modal2 {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5050;overflow-y: auto;outline: 0;}
.modal-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;z-index: 9999;}	
.modal-window {display: none;overflow-y: auto;}
/* для drawpreview */
.eventCont h3{margin-top: 50px;}
#A_1 {height: 44px;margin-top: 10px;float: left;left: 0px;letter-spacing: -1px;position: relative;right: 0px;text-align: center;text-decoration: none solid rgb(255, 255, 255);top: 0px;width: 10px;background: rgb(0, 174, 239) none repeat scroll 0% 0% / auto padding-box border-box;}
#SPAN_2 {color: rgb(255, 255, 255);position: absolute;font-size: 3px;padding: 15px 0px 0px;}/*#SPAN_2*/
#I_3, #I_5, #I_7 {font: 3px / 3px FontAwesome;}
#I_3:before, #I_5:before, #I_7:before {content: "\f111";}
.scores-draw-entry-box-score-wrapper .label {display: inline;padding: 0.2em 0.6em 0.3em;font-weight: bold;
line-height: 1;color: #ffffff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.25em;}
.scores-draw-entry-box-score-wrapper {padding: 0 10px 6px 10px;margin-top: 1px;white-space: normal;line-height: 1.3;}
.game-details { display: block; margin-top: 2px; }
.winner-name {font-weight: bold;color: #2f3f7d;font-size: 12px;margin-bottom: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.scores-draw-entry-box-table td:nth-child(2) {padding-left: 0px;padding-right: 0px;text-align: center;width: 40px;}
.scores-draw-entry-box-table tr td:first-child {width: 22px;}
.scores-draw-entry-box-table td {color: #969b9d;font-family: 'Roboto Condensed', sans-serif;font-size: 13px;vertical-align: middle;}
.scores-draw-entry-box-players-item{font-weight:400}
.scores-draw-table tr td{ padding:unset !important;}
.first-round-el-participant{text-align:left!important;}
.scores-draw-entry-box{text-align: left;}
.draw-wrapper h3{ margin-bottom: 30px;font-family: "Montserrat",sans-serif;font-weight: 400; font-size: 18px;line-height: 1.2;color: #009fdd;margin-top: 22px;margin-bottom: 11px;}
#landingPageContainer i.text-primary{padding: unset;}
#landingPageContainer i.text-primary:before{color: #fff }
.scores-draw-h2h-link { background-color: #00aeef; color: #ffffff; display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; position: relative; text-align: center; float: left; margin-top: 10px; line-height: 3; width: 10px;}
.scores-draw-h2h-link .fa-ellipsis-v { font-size: 10px; color: #ffffff;}
.scores-draw-h2h-link span { color: white; display: block; left: 50%; padding-top: 4px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.match-extras { font-size: 12px; line-height: 1;}
.match-extras i {display: inline-block; margin-bottom: 0; color: #333;}
.scores-draw-entry-box-players-item { text-overflow: ellipsis; overflow: hidden;}
.scores-draw-entry-box-players-item { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; letter-spacing: -0.25px; line-height: 1; display: block; margin-top: 5px; color: #00aeef !important;}
.scores-draw-entry-box-wrapper .scores-draw-entry-box { min-height: unset;}
.scores-draw-entry-box { border-left: none; position: relative; width: 100%; padding: 6px 10px 0 10px; top: 0; transform: none;}
.scores-draw-entry-box { white-space: normal;}
.scores-draw-entry-box-wrapper { float: left; margin-top: 10px; width: -webkit-calc(100% - 10px); width: calc(100% - 10px); position: relative; border: 1px solid #ececec; border-left: none; overflow: visible;}
.scores-draw-table thead td{ font-size: 16px; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400;}
.round-name-data { padding-left: 25px; color: #00aeef; border-bottom: unset !important;}
.scores-draw-table td{background: unset !important;border-bottom: unset !important;}
.scores-draw-entry-box-players-item, .scores-draw-entry-box-score { white-space: nowrap; }
.scores-draw-table td:first-child .scores-draw-entry-box { float: none; margin-top: 10px; padding-left: 0px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; border: 1px solid #ececec;border-left-color: rgb(236, 236, 236);border-left-style: solid;border-left-width: 1px; border-left: none;}
.scores-draw-entry-box-table tr:first-child td:last-child a:last-child, .scores-draw-entry-box-table tr:first-child td:last-child .no-flag { border-bottom: 1px dotted #c7c8c8; padding-bottom: 5px;}
.scores-draw-entry-box-table td, .scores-draw-entry-box-table th { padding: 0;}
/* для drawpreview */

/* поиск игроков в админке */
button.arrow-8:focus { 
outline: unset !important;}
button.arrow-8{background-color:unset;}
.arrow-8 {position: relative;width: 10px;height: 10px;}
.arrow-8:before,
.arrow-8:after {content: '';position: absolute;box-sizing: border-box;width: 5px;height: 5px;border-left: 2px solid #212529;border-bottom: 2px solid #212529;animation: arrow-8 5s linear infinite;}
.arrow-8:after {animation: arrow-8 4s linear infinite -0.2s;}
.pencil {display: inline-block;cursor: pointer;}
.price {display: inline-block;}
#player_name{border: solid 1px #ccc;}
.rin-player-step-row {display: flex;gap: 1rem;}
.rin-player-step-col {flex: 1;display: flex;flex-wrap: nowrap;height: fit-content;align-items: baseline;gap: 0.5rem;white-space: nowrap;}
form button.rin-btn-type-warn{width:unset;}
#autoAddPlayerSelector .media-left, .media > .pull-left {padding-right: 10px;}
#autoAddPlayerSelector .media-body, .media-left, .media-right {display: table-cell;vertical-align: top;} 
/* поиск игроков в админке*/ 

/* Modal Window CSS Styles */



/* начало генератор сеток */
.draw-cell{text-align:center;}
.draw-col{width:150px;}
.sep-bot{border-bottom:2px dashed gray !important;position:relative;}
.sep{width:100px !important;}
.sep-left {border-left: 2px dashed gray !important;}
.stage-sep {border-left: 2px dashed #f2f2f2 !important;}
.spider td {border-top:none !important;}
.btn-bot-right {position: absolute;right: -57px;bottom: -17px;}
.draw-info {margin-right:40px;}
/* конец генератор сеток */

/* turnament tablo */
.font-weight-normal {font-weight: 400!important;}
.mb-1, .my-1 {margin-bottom: .25rem!important;}
.scoreboard {margin-bottom: 37px;color: #fff;font-size: 1.2vw;font-weight: 700;}
.scoreboardSingle .col {padding: 0;} 
.scoreboardSingle .wrapper {padding: 0 4px;background: #2f3f7c;border-radius: 12px;}
.scoreboardSingle [class*=" col-"] {padding: 0;}
.scoreboardSingle [class^="col-"],
.scoreboardSingle {padding: 0 3px;margin-bottom: 17px;}
.scoreboardSingle h4 {font-family: "Roboto Condensed"}
.scoreboardSingle h4 {margin: 0;}
.scoreboardSingle p {margin: 0;}
.scoreboardSingleResult .grid .score {text-align: center;}
.scoreboardSingleResult .grid .team {padding-right: 5px;}
.scoreboardSingleResult .grid .team:empty {text-align: center;}
.scoreboardSingleResult .grid .team:empty+.score:empty {text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.scoreboardSingleResult .grid .team:empty+.score:empty:after {content: '- -';display: inline-block;padding: 0 5px;}
.scoreboardSingleResult .grid {display: -ms-grid;display: grid;width: 100%;-ms-grid-columns: auto 1fr;grid-template-columns: auto 1fr;-ms-grid-rows: auto;grid-template-rows: auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.scoreboardSingleResult .grid>* {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.scoreboardSingleResult .grid>*:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.scoreboardSingleResult .grid>*:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}
.scoreboardSingleResult .ssrBot p {padding: 3px 0;}
.scoreboardSingleResult .ssrBot p.red {padding: 3px 5px;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .name {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .name div:empty {text-align: center;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .name div:empty:after {content: '- -';display: inline-block;text-align: center;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .scores {/* grid-area: scores; */ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;min-width: 60%;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .scores span {width: 17px;-webkit-box-flex: 0;-ms-flex: 0 0 17px;flex: 0 0 17px;max-width: 17px;padding: 0 4px;text-align: center;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .scores span.red {background: #f43644;color: #fff;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .scores:nth-of-type(2) span.red {border-radius: 6px 6px 0 0;}
.scoreboardSingleResult .ssrMid .ssrMidGrid .scores:nth-of-type(4) span.red {border-radius: 0 0 6px 6px;}
.scoreboardSingleResult .ssrMid .ssrMidGrid {width: 100%;margin: 0;padding: 0;display: -ms-grid;display: grid;-ms-grid-rows: auto;grid-template-rows: auto;-ms-grid-columns: 1fr 2px auto;grid-template-columns: 1fr auto;grid-column-gap: 2px;grid-row-gap: 0px;font-size: 3vw;}
.scoreboardSingleResult .ssrMid .ssrMidGrid.serving {position: relative;overflow: visible;}
.scoreboardSingleResult .ssrMid .ssrMidGrid.serving:before {content: '';position: absolute;top: auto;right: calc(100% + 1px);bottom: auto;display: block;width: 7px;height: 8px;margin: auto;padding: 0;border-left: 6px solid #f43644;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
.scoreboardSingleResult .ssrMid .ssrMidGrid.serving-bot:before {bottom: 4px;}
.scoreboardSingleResult .ssrMid .ssrMidGrid.serving-top:before {top: 2px;}
.scoreboardSingleResult .ssrMid .ssrMidGrid>*:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
.scoreboardSingleResult .ssrMid .ssrMidGrid>*:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;} 
.scoreboardSingleResult .ssrMid {margin-bottom: 7px;font-weight: 400;}
.scoreboardSingleResult .ssrMid table tr td, .scoreboardSingleResult .ssrMid table tr th {font-size: calc(7px + (8 - 7) * (100vw - 320px) / (2100 - 320));}
.scoreboardSingleResult .ssrTop {margin-bottom: 10px;}
.scoreboardSingleResult {padding: 0;color: #2f3f7c;background: #fff;border-radius: 12px;}
.scoreboardSingleResult p.red {display: inline-block;padding: 3px 5px;background: #f43644;color: #fff;text-align: center;border-radius: 4em;}
.scoreboardSingleResult p:empty:after {content: '-';display: inline-block;padding: 0 5px;}
.scoreboardSingleResult table {width: 100%;margin: 0;padding: 0;background: none;}
.scoreboardSingleResult table tr td, .scoreboardSingleResult table tr th {margin: 0;padding: 0 1px;background: none;text-align: right;border: none;border-radius: 0;}
.scoreboardSingleResult table tr td.arrow, .scoreboardSingleResult table tr th.arrow {position: relative;}
.scoreboardSingleResult table tr td.arrow:after, .scoreboardSingleResult table tr th.arrow:after {content: "\e934";position: absolute;top: 0;bottom: 0;right: calc(100% + 2px);display: block;width: 6px;height: 8px;padding: 0;margin: auto;font-family: "icomoon";color: #f43644;font-size: 6px;line-height: 1;}
.scoreboardSingleResult table tr td.red, .scoreboardSingleResult table tr th.red {background: #f43644;color: #fff;text-align: center;}
.scoreboardSingleResult table tr td:empty:after, .scoreboardSingleResult table tr th:empty:after {content: '-';display: inline-block;}
.scoreboardSingleResult table tr td:first-of-type, .scoreboardSingleResult table tr th:first-of-type {text-align: left;padding-left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.scoreboardSingleResult table tr td:first-of-type:empty, .scoreboardSingleResult table tr th:first-of-type:empty {text-align: right;}
.scoreboardSingleResult table tr td:first-of-type>*, .scoreboardSingleResult table tr th:first-of-type>* {display: inline-block;/* max-width: 50%; */}
.scoreboardSingleResult table tr td:last-of-type, .scoreboardSingleResult table tr th:last-of-type {padding-right: 0;}
.scoreboardSingleResult table tr td:last-of-type:empty, .scoreboardSingleResult table tr th:last-of-type:empty {text-align: left;}
.scoreboardSingleResult table tr:first-of-type .red {border-radius: 6px 6px 0 0;}
.scoreboardSingleResult table tr:last-of-type .red {border-radius: 0 0 6px 6px;}
.scoreboardSingleResult>[class^="col-"],.scoreboardSingleResult>[class*=" col-"] {padding: 6px 10px 3px;}
.scoreboardSingleTop .icon {font-size: 14px;}
.scoreboardSingleTop .share a {color: #fff;}
.scoreboardSingleTop .share a:hover {color: #00b9ff;} 
.scoreboardSingleTop {padding: 6px 10px;}
.scoreboardSingleTop a {text-decoration: none;}
.text-right {text-align: right!important;}
@media screen and (min-width: 1024px) {.scoreboardSingleResult .ssrMid {font-size: 9px;}}
@media screen and (min-width: 1024px) {.scoreboardSingleResult .ssrMid table tr td, .scoreboardSingleResult .ssrMid table tr th {font-size: 8px;}}
@media screen and (min-width: 1024px) {.scoreboardSingleResult .ssrMid .ssrMidGrid {font-size: 1.8vw;}}
@media screen and (max-width: 768px) {.scoreboardSingleResult .ssrMid .ssrMidGrid {font-size: 4vw;}.scoreboardSingleTop h4 {font-size: 4vw;}.scoreboardSingle p {font-size: 2vw;}.scoreboardSingleTop h4 {font-size: 2.5vw;}.scoreboard {font-size: unset}.scores {font-size:3vw !important;}}
/* end turnament tablo */

/* begin drawpreview */
.label-success {background-color: #11ab63 !important;}
/*.label {display: inline !important;padding: 0.2em 0.6em 0.3em !important;font-weight: bold !important;line-height: 1;color: #ffffff;text-align: center;white-space: nowrap !important;vertical-align: baseline;border-radius: 0.25em !important; font-size: 12px !important;font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}*/
table .btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 16px;line-height: 1.42857143;border-radius: 0px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.participant-name .btn {padding: 3px 0px;border-radius: 4px;font-size: 14px;font-weight: normal;}
.pool-table .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {color: #ffffff;background-color: #f5a100;border-color: #9a6500;}
.pool-table ning.active, .open > .dropdown-toggle.btn-warning {background-image: none;}
.pool-table .btn-warning:active, .pool-table .btn-warning.active, .open > .dropdown-toggle.btn-warning {color: #ffffff;background-color: #ffb11a;border-color: #dc9000;}
.pool-table .btn-warning:hover {color: #ffffff;background-color: #ffb11a;border-color: #dc9000;}
.pool-td .rr-substitute-btn {position: absolute;top: 5px;right: 5px; width:76px;}
.pool-name-cell {min-width: 30px;}
.number{font-size:15px}
.btn {-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.btn-xs, .btn-group-xs > .btn {padding: 1px 5px;font-size: 14px;line-height: 1.5;border-radius: 0px;}
.btn-warning {color: #ffffff !important;background-color: #ffc24d;border-color: #ffb11a;}
table.name-table td {padding: 0 3px;}
* * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {padding-top: 5px;padding-bottom: 5px;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 1px solid #dddddd;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {padding: 2px;}
.participant-name {color: #00aeef!important;vertical-align: middle;letter-spacing: 0;margin: auto;line-height: 20px;white-space: initial;word-wrap: break-word;}
.participant-name.rotated {transform: rotate(-45deg);text-align: center;}
/*.participant-name.rotated {width: 50%;}*/ 
.participant-name.rotated {display: block !important;}
.participant-name {color: #00aeef!important;vertical-align: middle;letter-spacing: 0;margin: auto;line-height: 20px;white-space: initial;word-wrap: break-word;}
.ranking-name, .participant-name, .organisation-name {display: inline;}
/*table a {color: #00435e;text-decoration: none;background-color: transparent; font-size: 15px; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;}*//*.pool-cell {width: 80% !important;margin: auto !important;max-width: 180px !important;padding: 10px 0 !important;min-width: 110px !important;}*/
.drawsTable table{width: 100%!important;}
td.info-cell {position: relative!important;}
.info-cell {text-align: center !important;vertical-align: middle !important;background-color: rgba(241,241,241,.51) !important;}
.pool-cell img.img-responsive {margin: auto; width: unset;height: unset;}
.pool-cell img {max-height: 85px;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;}
h1.bold{ font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0.67em 0; line-height: 1.1;font-family: inherit; color: #00435e;font-size: 24px;}
#logo-bar > a {color: white; text-decoration: none; padding: 2px 5px; margin: 5px 10px 5px 0; font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 12px; background-color: transparent;} #logo-bar {background-color: #0b4e6e; color: white; display: inline-block; padding: 5px 15px;}
#logo-bar > a:hover { color: white; text-decoration: none;}
#logo-bar span { font-size: 11px; font-family: 'Montserrat', sans-serif;} 
.dropdown-menu-search-results {display: block;}
.dropdown-nested {white-space: nowrap;}
.dropdown-nested .navButton { display: inline-block !important;}
.dropdown-nested .dropdown-menu {border: none; box-shadow: none; position: relative;}
.search-result > .sr-img {height: 55px;}
.search-result:hover {background-color: #d8d8d8;}
.sr-social {height: 55px;} 
p.result-details {margin: 0;}
[v-cloak] {display: none;}
.match-extras {font-size: 12px; line-height: 1;}
.match-extras i {display: inline-block; margin-bottom: 0; color: #333;} 
#draws-result {overflow: visible;}
 .scores-draw-table tbody tr td {max-width: 85px;}
.scores-draw-entry-box-players-item.no-flag { padding-left: 24px;}
.scores-draw-entry-box-table .scores-draw-entry-box-players-item { position: relative;}
/* end drawpreview */

.scores-draw-entry-box-table {width: 100%;}
.search-magnifying-glass, .search-input-field {background-color: rgb(232, 232, 232);}
.dataTables_filter label, .dataTables_paginate {font-size: 12px;} /* в draws поле search*/
/*table.dataTable tbody tr ,.dataTable tbody tr,div.dataTables_wrapper{background-color:unset !important}/* в draws поле search*/
#inputUrl {white-space: nowrap; overflow: hidden; line-height: 100%; background-color: #efefef; border: 0; font-size: 14px;} /* поделиться*/
.icon-q{top: 0px;width: 20px !important;height: 20px !important;position: absolute;}
.player{height: 20px!important;width: 20px!important;border: 2px solid #c9c9c9;background-color: #dedbdb;}
.placeholder-form {box-sizing: border-box;width: 100%;margin: 20px auto;}
.placeholder-container {position: relative;width: 100%;margin-bottom: 20px;}
.placeholder-container input {background-color: #FFF;border: 2px solid #BFE2FF;box-sizing: border-box;color: #000;font-size: 16px;line-height: 16px; height: 50px;outline: 0;padding: 0 20px;width: 100%;}
.placeholder-container label {color: #000;font-family: Verdana, sans-serif; background-color: #FFF;font-size: 16px;line-height: 16px;padding: 5px 10px;pointer-events: none;position: absolute;transition: all 200ms;top: 12px;left: 18px;background-color: #FFF;}
.placeholder-container input:focus + label,
.placeholder-container input:not(:placeholder-shown) + label{top: -10px;left: 10px;font-size: 11px; background-color: #BFE2FF;padding: 2px 10px;}
table.onWhite tr.al td { /* для матчей */ background: #fff;}
.rin-add-class-header {font-size: 16px;}
/*.rin-dropdown-toggle {width: 100%;}*/
.form-group label {font-size: 0.875rem;font-weight: 600;line-height: 1.25rem;}
.form-group &.checkbox-label {font-weight: normal;cursor: pointer;}
.form-group &.rin-checkbox-wrapper {display: flex;gap: 2rem;}
.dates-wrapper {display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 0.5rem;gap: 0.2rem;}
.dates-wrapper .play-dates {border: 2px solid #2f3f7d;background-color: #f3f3f3;color: #2f3f7d;text-align: center;border-radius: 5px;display: flex;flex-direction: column;gap: 0.2rem;padding: 0.1rem;height: 5rem;width: 4.125rem;cursor: pointer;}
.dates-wrapper .selected { 
border: 1px solid #2f3e7d;background-color: #2f3f7d;color: #f2f3f3;text-align: center;border-radius: 5px;}
.dates-wrapper .play-dates div {font-size: 1rem;}
.class-save-btns button {width: 100%;border-radius: 5px;}
.input-error {background-color: #fa9a9a;color: #a94442;border-color: red;}
.dropdown-error button {background-color: #fa9a9a;color: #a94442;border-color: red;}
.rin-alert {margin-bottom: 0.2rem;}
.challenge-info {border: 1px solid #dddddd !important;background-color: rgba(241,241,241,.51)!important;color: #000 !important;}
.challenge-info:hover {background-color: #dddddd !important;}
.popover-body{background-color: #fff;}
.popover.right { margin-left: 10px;}
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;}
.fade.in { opacity: 1;}
.text-info {color: #31708f;}
.threeDotsPopover {cursor: pointer;}
.hidden{display: none !important;}
#coding{width: 20px;height: 16px;} /* для галки в генераторе сеток */
.disabled{pointer-events: none;}
.widthsto{width:100%}
.box-wrap {border-radius: 22px;}
div.court-widget {padding: 0}
@media print {
  [id^="timetable"] { overflow: visible !important; }
  [id^="timetable"] .eventCont { max-height: none !important; overflow: visible !important; }
  [id^="timetable"] .timetable { max-height: none !important; overflow: visible !important; }
  [id^="timetable"] .box.movableTable { max-height: none !important; overflow-y: visible !important; }
}
.rin-btn-type-tertiary:disabled {color: rgba(47,63,125,0.5)!important;background: rgba(47,63,125,0.1)!important;}
.name > div {font-size:10px !important;}
.scores {font-size:1.3vw !important;}
.strong { font-weight:700;} 
.widget-header2 {font-family: Segoe UI;}
.finishedInfo {font-family: Arial;font-size: 7px;padding: 0;}
td.finishedTd {font-family: Arial;font-size: 0.55em;overflow: hidden;padding: 1px 1px !important;border: none !important;}
td.finishedTdName {max-width:12ch;}
table.table-past {width: auto;border: none;margin: 0 auto 0 auto;padding: 0;border-spacing: 0;border-collapse: separate;font-size: 20px;}
table.table-past td:first-child {text-align: left;}
.winner {font-weight: 700;}
table.table-past td {font-weight: 500;white-space: nowrap;text-align: center;vertical-align: baseline;}
.widget-header2 {padding: 2px 10px 2px 10px;}
.draw-compare-wrapper {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2em;}
/* 4 шаг категории */
.form-group.rin-checkbox-wrapper { display: flex; gap: 2rem;}
.day-of-week-data{font-size: 0.6rem !important;overflow: hidden} 
.month-data{font-size: 1vw !important;overflow: hidden}
/* 4 шаг модальное окно */ 
.rin-modal-wrapper .rin-modal.rin-modal-secondary{border-color: var(--color-text-secondary);border-style: solid;border-width: thin;}
.rin-btn-type-secondary:disabled {color: rgba(47,63,125,0.5) !important;}
#overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 2000;display: none;}
/* Откат: вернуть top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;max-height:90vh; убрать #landingPageContainer */
#landingPageContainer .modal,#landingPageContainer .modal2 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5050;display: none;overflow-y: auto !important;outline: 0;}
.modal,.modal2 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5050;display: none;overflow-y: auto;outline: 0;}
/* Единое поведение модальных окон в админке сеток */
#addDrawModal.modal,
#selectPlayersModal.modal,
#confirm-change-drawtype-modal.modal,
#RegenerateModal.modal,
#landingPageContainer #addDrawModal.modal,
#landingPageContainer #selectPlayersModal.modal,
#landingPageContainer #confirm-change-drawtype-modal.modal,
#landingPageContainer #RegenerateModal.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 5051;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

#addDrawModal .modal-dialog,
#selectPlayersModal .modal-dialog,
#confirm-change-drawtype-modal .modal-dialog,
#RegenerateModal .modal-dialog,
#landingPageContainer #addDrawModal .modal-dialog,
#landingPageContainer #selectPlayersModal .modal-dialog,
#landingPageContainer #confirm-change-drawtype-modal .modal-dialog,
#landingPageContainer #RegenerateModal .modal-dialog {
  position: relative;
  margin: 30px auto;
  pointer-events: auto;
}

#addDrawModal .modal-content,
#selectPlayersModal .modal-content,
#confirm-change-drawtype-modal .modal-content,
#RegenerateModal .modal-content,
#landingPageContainer #addDrawModal .modal-content,
#landingPageContainer #selectPlayersModal .modal-content,
#landingPageContainer #confirm-change-drawtype-modal .modal-content,
#landingPageContainer #RegenerateModal .modal-content {
  background-color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

#addDrawModal .backdrop,
#selectPlayersModal .backdrop,
#confirm-change-drawtype-modal .backdrop,
#RegenerateModal .backdrop,
#landingPageContainer #addDrawModal .backdrop,
#landingPageContainer #selectPlayersModal .backdrop,
#landingPageContainer #confirm-change-drawtype-modal .backdrop,
#landingPageContainer #RegenerateModal .backdrop {
  display: none;
}
/* Откат: вернуть .modal-backdrop и z-index:2999 */
.draws-modal-backdrop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 5049;}
#landingPageContainer .modal2 .modal-dialog {position: relative; margin: 30px auto; max-width: 600px; pointer-events: auto;}
.modal2 .modal-dialog {position: relative; margin: 30px auto; max-width: 600px; pointer-events: auto;}
#landingPageContainer .modal2 .modal-content {background-color: #fff; border: none !important; border-radius: 0px; box-shadow: none !important; pointer-events: auto;}
.modal2 .modal-content {background-color: #fff; border: none; border-radius: 0px; box-shadow: none; pointer-events: auto;}
#landingPageContainer .modal2 .modal-header .close {opacity: 1 !important; filter: none !important; font-size: 24px; cursor: pointer; z-index: 10; position: relative; color: #000;}
.modal2 .modal-header .close {opacity: 1; font-size: 24px; cursor: pointer; z-index: 10; position: relative; color: #000;}
#landingPageContainer .modal2 .modal-header .close:hover {opacity: 0.7 !important;}
.modal2 .modal-header .close:hover {opacity: 0.7;}
#landingPageContainer .modal2 {pointer-events: auto;}
.modal2 {pointer-events: auto;}
#landingPageContainer .modal2 .modal-dialog,
#landingPageContainer .modal2 .modal-content {pointer-events: auto;}
.modal2 .modal-dialog,
.modal2 .modal-content {pointer-events: auto;}
/* Откат: убрать .modal-close-btn */
#landingPageContainer .modal-close-btn,
.modal-close-btn {opacity: 1 !important; filter: none !important; color: #000 !important; text-shadow: none !important; font-size: 28px !important; font-weight: bold !important; cursor: pointer !important; float: right !important; position: relative !important; z-index: 10 !important; padding: 0 8px !important; background: transparent !important; border: 0 !important; line-height: 1 !important;}
.set-as-home-club-btn .btn-primary {background: #00b9ff !important;background-color: #00b9ff !important;}
.set-as-home-club-btn .btn-org {background: #00a7e6 !important;}
.set-as-home-club-btn .btn-org::after {content: none;}
.set-as-home-club-btn {padding: 0;max-height: 25px;}
.options {display: flex;flex-wrap: nowrap;}
.btn-org {border-radius: 0 50px 50px 0 !important;max-width: 25px !important;color: #fff !important;text-align: right !important;padding: 0 10px !important; font-size: 13px !important;}
.choose-club, .no-btn-events {margin: -1px;padding: 5px 20px !important;}
a.btn > span:after {content: "\e91a";position: absolute;right: 5px;top: 0;bottom: 0;width: 10px;height: 10px;margin: auto;font-family: "icomoon";font-size: 5px;line-height: 10px;border: none;transform-origin: center center;transition-property: transform;transition-duration: .3s;}
a.btn > span.toggled:after {transform: rotate( 180deg );}
a.collapse-trigger{background-color: rgba(0, 0, 0, 0);}
.collapse-wrapper {margin: 0 40%;}
.admin {font-weight:800;}
.dropdown-toggle::after{content:none !important;}
.no-btn-events, .dropdown-toggle {background: #6274C0;}
/* BUGFIX: BS4 JS ставит .show, но BS3 CSS использует .open — добавляем .show */
/* Откат: удалить 2 строки ниже */
#landingPageContainer .show > .dropdown-menu {display: block;}
.modal .input-group-append .dropdown-toggle {background: #6274C0;}
.title > h2 {font-size: 28px;}
.title>.info {font-size:13px;}
.no-btn-events {background-color:#6D80CD;}
#grey{color:#ccc;border-color: #ccc;pointer-events: none;}
.tournament-controls .popover-wrapper {margin: auto 2px;}
/*.rin-btn-type-tertiary{width: auto !important;}*/
.form-control:focus { color: #495057 !important; !important;}
select {background-color: #fff;color: #2f3f7d;padding: 3px;}
select option {background-color: #fff;color: #2f3f7d;}
select:focus,option:hover,option:focus {color: white;background-color: #e9ecef !important;}
input[type="checkbox"] {width: 20px;height: 20px;background-color: #2f3f7d;-webkit-appearance: auto;-moz-appearance: auto;color: #9b9b9b;font-weight: 300;border: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;} 
/*input[type="checkbox"]:checked::before {content: "\2713"; display: block;text-align: center;background-color: #fff;font-size: 16px;font-weight: bold;width: 18px;}*/
/*input:not([type="checkbox"]) { background-color: #fff;}*/
.toglerepl_off{width: 235px; height: 32px; background-color: rgba(48, 63, 126, 0.5) !important; border-radius: 16px;}
.toglerepl_on{width: 235px; height: 32px; background-color: rgb(47, 63, 125)!important; border-radius: 16px;} 
.toglerepl2_off{width: 26px; height: 26px; transition: transform 300ms ease 0s; transform: translate3d(3px, 3px, 0px);}
.toglerepl2_on{width: 26px; height: 26px; transition: transform 300ms ease 0s; transform: translate3d(206px, 3px, 0px);}
.rin-toggle .vue-js-switch:not(.toggled) .v-switch-core .v-switch-button {background-color: #2f3f7d !important;height: 1.6475rem !important;width: 1.7375rem !important;}
.vue-js-switch .v-switch-label.v-left {left: 10px;}
.rin-toggle .vue-js-switch.toggled .v-switch-label {color: #ffffff !important;}
.rin-toggle label.vue-js-switch {margin-bottom: 0;padding:0;}
.vue-js-switch .v-switch-core .v-switch-button {display: block;position: absolute;overflow: hidden;top: 0;left: 0;border-radius: 100%;background-color: #fff;z-index: 1;}
.vue-js-switch .v-switch-input {opacity: 0;position: absolute;width: 1px;height: 1px;}
.vue-js-switch .v-switch-label.v-right {right: 10px;}
.rin-toggle label.vue-js-switch {margin: 0;}
.vue-js-switch {display: inline-block;position: relative;vertical-align: middle;user-select: none;font-size: 10px;cursor: pointer;}
.rin-toggle .vue-js-switch:not(.toggled) .v-switch-label {color: #2f3f7d !important;}
.vue-js-switch .v-switch-label {position: absolute;top: 0;font-weight: 600;color: #fff;z-index: 1;}
.rin-toggle .vue-js-switch:not(.toggled) .v-switch-core {background-color: rgba(47,63,125,0.1) !important;}
.vue-js-switch .v-switch-core {display: block;position: relative;box-sizing: border-box;outline: 0;margin: 0;transition: border-color .3s,background-color .3s;user-select: none;}
textarea {overflow: auto;resize: vertical;border: 1px solid #ccc !important;}
.popover-wrapper {position: relative;}
#tooltip84,#tooltip389,#tooltip86,#tooltip90, #tooltip94, #tooltip98, #tooltip102, #tooltip133, #tooltip136, #tooltip130 {display: none; position: absolute;top: 23px;left: 4px;z-index: 1;background-color: #fff;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);padding: 10px;border-radius: 5px;z-index:10;margin: 0px; width:300px}
#tooltip389{width:220px}
.popover-wrapper:hover #tooltip84,.popover-wrapper:hover #tooltip389,.popover-wrapper:hover #tooltip86,.popover-wrapper:hover #tooltip90,.popover-wrapper:hover #tooltip94,.popover-wrapper:hover #tooltip98,.popover-wrapper:hover #tooltip102,.popover-wrapper:hover #tooltip130,.popover-wrapper:hover #tooltip133,.popover-wrapper:hover #tooltip136 {display: block;} 
fieldset.draw-type-row { width: 100%;}
.popover-wrapper { position: relative;}
.icon-info-circle::before { content: url('https://playrank.ru/tema/rankedin/images/info.png');}
.draw-type-row { display: flex; flex-wrap: nowrap; width: 50%; gap: 10px; margin: 5px 0;}
.rin-base-checkbox { align-items: center; cursor: pointer;}
.rin-draws-popover-title{margin: 0px;padding:0 0 5px 0;font-size: 15px;}
.draws-settings .draw-types-wrapper .draw-type-row .rin-popover-content .rin-draws-popover-img-wrap img {float: left;margin-right: 10px;}
#arrow {visibility: hidden;}
#arrow, #arrow::before {position: absolute;width: 8px;height: 8px;background: inherit;}

/* всплывашка */
.login-popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.5);}
.login-popup-content {background-color: #fff;margin: 5% auto;padding: 20px;border: 1px solid #888;width: 50%;position: relative;border-radius: 8px;}
.close-btn {position: absolute;top: 5px;right: 5px;background-color: transparent;border: none;font-size: 16px;cursor: pointer;}
.open-btn {background-color: #4CAF50;color: white;border: none;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}
.open-btn:hover {background-color: #3e8e41;}
#popups {position: fixed;top: 25%;left: 50%;transform: translate(-50%, -50%);background-color: #db4437;padding: 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);z-index:1;border-radius:7px;color:#fff;z-index:1002;}
.team h2 {margin-bottom: 10px}
.teamSlider .name {font-size: 16px;margin: 0}
.teamSlider img {display: block;float: left;width: 100%;max-width: 100%;margin: 0;padding: 0;margin-bottom: 23px;border-radius: 100%}
.teamSliderSingle {padding: 25px;font-size: 10px}
.owl-carousel .owl-stage-outer{height: 230px;}
.ui-form li,.ui-form ol{list-style-type: none;}
.player-profile-main-content {background-color: #F8F8FA;min-height: 600px;height: 100%;padding: 1% 0;}
.player-profile-main-content .club-name {color: #0276FF;}
.rin-profile-header-container {display: grid;grid-template-columns: 1.2fr 1fr;padding-top: 2em;}
.rin-profile-header-record-left {grid-template-columns: 1fr 1.5fr;}
.rin-profile-header-record-left, .rin-profile-header-record-right {display: grid;}
.rin-profile-header-record-left .img {display: flex;justify-content: left;}
.rin-profile-header-record-left .img-wrapper {max-width: 11.5rem;max-height: 11.5rem;margin: auto;}
.rin-profile-header-record-left .img {display: flex;justify-content: left;}
.rin-profile-header-container .img-wrapper {position: relative;}
.rin-profile-header-record-left .rin-profile-image {width: 11.5rem;height: auto;}
.rin-profile-header-record-left .rin-profile-image img {width: 11.5rem;height: 11.5rem;border-radius: 50%;}
.rin-profile-header-container .img-wrapper .edit-promo-avatar {position: absolute;top: 70%;left: 40%;}
.rin-type-label.notpro {background: #D4D5DB;}
.rin-type-label.notpro.online {background: #70bb39;}
.rin-type-label.notpro.offline {background: red;}
.rin-type-label {font-weight: 600;font-size: 11px;line-height: 11px;color: #fff;border-radius: 3px;padding: 2px 3px;margin: 0 3px;transform: skew(-15deg, 0);display: inline-block;}
.player-profile-main-content .profile-name {font-size: 1.875rem;line-height: 2.25rem;font-weight: 800;}
.player-profile-main-content p.id {font-weight: 500;line-height: 1.125rem;font-family: Montserrat;}
.mt-1, .my-1 {margin-top: 0.25rem!important;}
.p-0 {padding: 0!important;}
.mt-3, .my-3 {margin-top: 1rem!important;}
.col {/*-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;*/}
.player-profile-main-content .rin-profile-header .rin-profile-header-record-right {width: 100%;}
.rin-profile-header-record-right {align-items: center;justify-content: right;}
.rin-card {width: 100%;max-width: 100%;display: flex;flex-direction: column;padding: 0.8125rem 1.25rem 1.25rem 1.25rem;border: 1px solid rgba(47,63,125,0.1);border-radius: 15px;}
.follow {/*position: absolute;bottom: 17px;right: 15px;*/padding-left: 5px;padding-right: 5px;padding-top: 1px;padding-bottom: 1px;background-color: transparent;font-weight: 500;z-index:99999;}
/*span {font-family: Montserrat !important;}*/
.follow:hover {cursor:pointer;}
.follow-btn-span{display: inline-block;margin: auto;}
.light-theme-follow {color: #2f3f7c;border-color: #2f3f7c;}
.light-theme-followed {background-color: #2f3f7c;}
.dark-theme-follow {color: white;border-color: white;}
.dark-theme-followed {color: white;background-color: #7989c4;}
.header-row,.body-row {display: grid;padding: 6px 0 6px 20px;margin-bottom: 5px;font-size: 11px;font-weight: 700;}
.body-row {background-color: #ececec;border-radius: 15px;}
.header-name {grid-column: 2/3;}
.header-city {grid-column: 4/5;}
.cell-index,
.cell-name {align-self: center;display:flex;}
.header-city,.header-date,.header-state,.header-type,.cell-city,.cell-date,.cell-state,.cell-type,.cell-join {text-align: center;align-self: center;}
.header-row,.body-row {grid-template-columns: 1fr 12fr 5fr 4fr 2fr 2fr 4fr;}
.id {gap:0.2rem;}
.rin-profile-header-container .img-wrapper {position: relative;}
.rin-profile-header-container .img-wrapper .edit-promo-avatar {position: absolute;top: 70%;left: 40%;}
.upload-picture-wrapper {display: flex;flex-direction: column;}
.dropdown-menu ul {list-style: none;padding: 0 0.7rem;margin: unset;}
.dropdown-menu ul > li {text-align: left;}
.icon-upload-avatar, .icon-edit-avatar {margin-right: 0.5rem;font-size: 1rem;}
.upload-picture {font-size: 0.85rem;font-weight: 700;line-height: 1.3rem;flex-direction: column;color: #2F3F7D;}
.edit-promo-avatar > .dropdown-menu {text-align: center;padding: 10px, 0, 6px, 0 !important;background-color: #ffffff;border-radius: 0.3rem;box-shadow: 0px 0px 5px 2px rgba(17, 25, 58, 0.2);}
.rin-profile-header-container {display: grid;grid-template-columns: 1.2fr 1fr;}
.rin-profile-header-record-left,
.rin-profile-header-record-right {display: grid;}
.rin-profile-header-record-left {grid-template-columns: 1fr 1.5fr;}
.rin-profile-header-record-left .img-wrapper {max-width: 11.5rem;max-height: 11.5rem;margin: auto;}
.rin-profile-header-record-left .img {display: flex;justify-content: left;}
.rin-profile-header-record-right {align-items: center;justify-content: right;}
.rin-profile-header-record-right.no-rating {grid-template-columns: 1fr;min-width: 20rem;}
.rin-profile-header-record-right.no-rating div:nth-child(2) {max-width: 100%;}
.rin-profile-header-record-right div:nth-child(2) {max-width: 15.25rem;line-height: 1.875rem;justify-content: center;width: 100%;}
.flag {font-size: 16px;margin: 0 !important;}
p {margin-bottom: unset;}
.player-info-box > p > a,
.player-info-box > p {font-size: 10px;font-weight: 400;}
.buttons > div.d-inline > a {margin: 2px 0 !important;}
.buttons > a {margin-left: 0 !important;}
.buttons {margin-left: -2px !important;padding-left: 0 !important;column-gap: 0.6725rem;}
h2 {margin-bottom: 12px;}
.edit-promo-avatar {text-align: center;margin-top: 10px;}
.edit-promo-avatar .edit-promo-avatar-btn {padding: 6px;border-radius: 50%;background: white;}

@keyframes arrow-8 {0% {opacity: 0;transform: translate(0, -18px) rotate(-45deg);}10%, 90% {opacity: 0;}50% {opacity: 1; transform: translate(0, 0) rotate(-45deg);}100% {opacity: 0;transform: translate(0, 0px) rotate(-45deg);}}
@media screen and (max-width: 768px){.rin-navmenu-wrap{height: 500px!important;overflow-y: scroll!important;}.rin-navmenu-backdrop .rin-navmenu-wrap {margin-top: unset!important;}.rin-navmenu-backdrop .rin-navmenu-wrap .rin-navmenu {margin-bottom: 50px;}}
@media screen and (min-width: 1024px){.box-wrap {padding: 20px 30px;}}
@media(min-width:768px) {#logo-bar {max-height: 45px;}}
@media (max-width:767px) {.container-fluid > .navbar-search .navbar-iconic-search {margin-left: 0;} .navbar-logged-in .navbar-static > li {margin-left: 0; margin-right: 0;}}
@media(max-width:320px) { .navbarList {margin-right: 0 !important;} .navbarMobileDropdown {margin-right: 0;}}
@media (max-width:1200px) {.navbar-search-wrapper {display: none;}.navbar-search-wrapper.active {display: block;}}
@media print {a:after {content: '';} a[href]:after {content: none !important;}.scores-draw-h2h-link {background-color: #000 !important; -webkit-print-color-adjust: exact;}.createReview {visibility: hidden;}.scores-draw-table {max-width: 100% !important; width: auto !important;}.scores-draw-entry-box-players-item, .scores-draw-entry-box-score { white-space: nowrap;}}
@media (min-width: 390px){a.btn > span:after {left: 132px;right:0;}}
@media(max-width: 390px) {a.btn > span:after {right: -130px;left:0;}}
@media(max-width: 358px) {a.btn > span:after {right: -106px;left: 0;}}
@media(max-width: 1024px) {.title>h2{margin-bottom:18px;}.info {margin-bottom: 18px;}.cont {margin-top:8px;}}
@media (max-width: 768px) {.header-row,.body-row {grid-template-columns: 1fr 5fr 2fr 3fr;padding: 6px 0 0 15px;}.cell-name {grid-column: 2/4;}.cell-join {grid-column: 4/5;}.cell-type {text-align: left;font-size: 80%;font-weight: 400;}.cell-city {grid-row: 2/3;grid-column: 2/3;font-size: 80%;font-weight: 400;}.cell-state {grid-row: 2/3;grid-column: 3/4;font-size: 80%;font-weight: 400;}.cell-date {grid-row: 2/3;grid-column: 4/5;font-size: 80%;font-weight: 400;}.header-city,.header-state,.header-type {display: none;}.header-date {grid-column: 4/5;}}
@media screen and (max-width: 1024px) {.rin-profile-header-container {grid-template-columns: 1fr;justify-items: center;row-gap: 1rem;width: 100%;}}
@media screen and (max-width: 1024px) {.rin-profile-header-record-left {margin: 0 1.5rem;}}
@media screen and (max-width: 1024px) {.rin-profile-header-record-right.no-rating {min-width: 12rem;}}
@media screen and (max-width: 1024px) {.rin-profile-header-record-right {grid-template-columns: 1.5fr;margin: 0 0.5rem;column-gap: 0.75rem;}.rin-profile-header-record-right .rin-card {padding: 1rem 0.75rem;}.rin-profile-header-record-right .rin-card .player-info-box p {line-height: 1.5rem;white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis;max-width: 9rem;}.rin-profile-header-record-right div:first-child {order: 1;margin: auto;width: 100%;}}
@media not screen and (min-width: 411px) and (max-width: 731px){.rin-main-content{ position: unset!important;}}
@media (max-width: 768px) {.big-padding {padding: 14px 28px !important;}.player-info-box > p > strong {font-weight: 700;font-size: 10px;line-height: 12px !important;}.big-padding > p:not(:first-of-type) {margin-top: 0px !important;}.col-custom {padding: 0 4px !important;}.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.topmargin {margin-top: 25px;}}

/* ── Tablo Court Dashboard & Standalone Print Styles ── */
.court-widget {
  background: var(--surface, #fff) !important;
  border: 1px solid var(--surface-border, #ececec) !important;
  border-radius: var(--r-md, 14px) !important;
  padding: 20px !important;
  box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,0.06)) !important;
  transition: all var(--transition, 0.25s) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  color: var(--text, #000) !important;
}

.court-widget:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow, 0 4px 16px rgba(0,0,0,0.06)) !important;
  border-color: var(--teal, #0d9488) !important;
}

.court-widget-header {
  border-bottom: 1px solid var(--surface-border, #ececec) !important;
  padding-bottom: 12px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: transparent !important;
}

.court-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--text, #000) !important;
  margin: 0 !important;
}

.court-share {
  color: var(--text-muted, #64748b) !important;
  font-size: 12px !important;
  padding: 4px 8px !important;
  border-radius: var(--r-sm, 8px) !important;
  background: var(--surface-hover, #f8f8f8) !important;
  transition: all var(--transition, 0.25s) !important;
  border: 0 !important;
  text-decoration: none !important;
}

.court-share:hover {
  background: var(--teal-glow, rgba(13,148,136,0.12)) !important;
  color: var(--teal, #0d9488) !important;
}

.court-current {
  background: var(--surface-hover, #f8f8f8) !important;
  border-radius: var(--r-sm, 8px) !important;
  padding: 12px !important;
  border-left: 3px solid var(--teal, #0d9488) !important;
}

.court-current-head {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: var(--text-subtle, #94a3b8) !important;
  margin-bottom: 8px !important;
  font-weight: 700 !important;
}

.court-match {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.court-match-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--text-muted, #64748b) !important;
  padding: 4px 0 !important;
}

.court-match-row.winner {
  color: var(--text, #000) !important;
  font-weight: 700 !important;
}

.court-player {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 75% !important;
  display: inline-block !important;
}

.court-score {
  font-family: 'Outfit', sans-serif !important;
  font-size: 16px !important;
  color: var(--text-subtle, #94a3b8) !important;
  display: inline-flex !important;
  gap: 8px !important;
}

.court-match-row.winner .court-score {
  color: var(--teal, #0d9488) !important;
}

.court-meta {
  font-size: 12px !important;
  color: var(--text-subtle, #94a3b8) !important;
  margin-top: 8px !important;
  font-weight: 500 !important;
}

.court-next {
  border-top: 1px dashed var(--surface-border, #ececec) !important;
  padding-top: 12px !important;
}

.court-next-head {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: var(--text-subtle, #94a3b8) !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
}

.court-next-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  color: var(--text-muted, #64748b) !important;
  font-weight: 500 !important;
}

.court-next-row .court-player {
  max-width: 42% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.court-vs {
  font-size: 11px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: var(--text-subtle, #94a3b8) !important;
  padding: 0 6px !important;
}

/* ── Standalone TV Print Tablo Scoreboard ── */
/* ═══════════════════════════════════════════════════════════════════
   STANDALONE TABLO PRINT — Dark/Light adaptive
   ═══════════════════════════════════════════════════════════════════ */
body.standalone-tablo-print {
  --tb-bg: #0b1120;
  --tb-surface: #131c2e;
  --tb-surface-hover: #1a2540;
  --tb-border: rgba(255,255,255,0.07);
  --tb-text: #e2e8f0;
  --tb-text-muted: #64748b;
  --tb-text-subtle: #475569;
  --tb-accent: #14b8a6;
  --tb-accent-dim: rgba(20,184,166,0.12);
  --tb-accent-text: rgba(20,184,166,0.85);
  --tb-shadow: 0 4px 24px rgba(0,0,0,0.35);
  --tb-radius: 20px;

  background: var(--tb-bg) !important;
  color: var(--tb-text) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  transition: background 0.35s, color 0.35s !important;
}

html.tablo-light body.standalone-tablo-print {
  --tb-bg: #f0f2f5;
  --tb-surface: #ffffff;
  --tb-surface-hover: #f8fafc;
  --tb-border: #e2e8f0;
  --tb-text: #0f172a;
  --tb-text-muted: #64748b;
  --tb-text-subtle: #94a3b8;
  --tb-accent: #0d9488;
  --tb-accent-dim: rgba(13,148,136,0.08);
  --tb-accent-text: #0d9488;
  --tb-shadow: 0 4px 20px rgba(0,0,0,0.06);
  background: var(--tb-bg) !important;
  color: var(--tb-text) !important;
}

/* ── Flatten ALL Bootstrap wrappers ── */
body.standalone-tablo-print section.clear,
body.standalone-tablo-print .wrap.visible,
body.standalone-tablo-print .tab-content,
body.standalone-tablo-print .row.ais,
body.standalone-tablo-print .content.col-12,
body.standalone-tablo-print .box.courts-container,
body.standalone-tablo-print .vbox.viewport,
body.standalone-tablo-print .container-fluid {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  display: block !important;
  flex: none !important;
}

/* ── Top bar ── */
.tablo-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  flex-shrink: 0;
}

.tablo-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tb-text-muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 14px;
  border-radius: 10px;
  background: var(--tb-surface);
  border: 1px solid var(--tb-border);
  transition: all 0.2s;
}
.tablo-back-link:hover {
  color: var(--tb-text);
  border-color: var(--tb-accent);
  background: var(--tb-accent-dim);
}
.tablo-back-link svg { width: 15px; height: 15px; flex-shrink: 0; }

.tablo-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: var(--tb-text-muted);
  font-size: 13px;
  font-weight: 500;
  padding: 7px 14px;
  border-radius: 10px;
  border: 1px solid var(--tb-border);
  background: var(--tb-surface);
  transition: all 0.2s;
  user-select: none;
}
.tablo-theme-toggle:hover {
  color: var(--tb-text);
  border-color: var(--tb-accent);
  background: var(--tb-accent-dim);
}
.tablo-theme-toggle svg { width: 15px; height: 15px; flex-shrink: 0; }

/* ── Court grid: 2 equal columns, full width ── */
body.standalone-tablo-print .container-fluid > .row,
body.standalone-tablo-print div.row {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 720px) {
  body.standalone-tablo-print .container-fluid > .row,
  body.standalone-tablo-print div.row {
    grid-template-columns: 1fr !important;
  }
}

/* ── Court card: fill its grid cell ── */
body.standalone-tablo-print .court-widget {
  background: var(--tb-surface) !important;
  border: 1px solid var(--tb-border) !important;
  border-radius: var(--tb-radius) !important;
  padding: 0 !important;
  box-shadow: var(--tb-shadow) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ── Header ── */
body.standalone-tablo-print .court-widget-header {
  padding: 14px 20px !important;
  background: var(--tb-surface-hover) !important;
  border-bottom: 1px solid var(--tb-border) !important;
}

body.standalone-tablo-print .court-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--tb-text) !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  width: auto !important;
  text-align: left !important;
  margin: 0 !important;
}

body.standalone-tablo-print .court-share { display: none !important; }

/* ── Current match ── */
body.standalone-tablo-print .court-current {
  background: var(--tb-accent-dim) !important;
  border-left: 3px solid var(--tb-accent) !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  margin: 0 !important;
}

body.standalone-tablo-print .court-current-head {
  font-size: 11px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--tb-accent-text) !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
}

body.standalone-tablo-print .court-match {
  gap: 6px !important;
}

body.standalone-tablo-print .court-match-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--tb-text-muted) !important;
  transition: color 0.3s !important;
}

body.standalone-tablo-print .court-match-row.winner {
  color: var(--tb-text) !important;
  font-weight: 700 !important;
}

body.standalone-tablo-print .court-player {
  flex: 1 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.standalone-tablo-print .court-score {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  color: var(--tb-text-subtle) !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
  margin-left: 12px !important;
}

body.standalone-tablo-print .court-match-row.winner .court-score {
  color: var(--tb-accent) !important;
}

body.standalone-tablo-print .court-meta {
  font-size: 12px !important;
  color: var(--tb-text-subtle) !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--tb-border) !important;
}

/* ── Next match ── */
body.standalone-tablo-print .court-next {
  border-top: 1px solid var(--tb-border) !important;
  padding: 14px 20px !important;
}

body.standalone-tablo-print .court-next-head {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--tb-text-subtle) !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
}

body.standalone-tablo-print .court-next-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 15px !important;
  color: var(--tb-text-muted) !important;
  font-weight: 500 !important;
}

body.standalone-tablo-print .court-next-row .court-player {
  flex: 1 !important;
  min-width: 0 !important;
}

body.standalone-tablo-print .court-vs {
  font-size: 12px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: var(--tb-text-subtle) !important;
  padding: 0 8px !important;
  flex-shrink: 0 !important;
}


/* ── Event Scroll Container ── */
.eventCont {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: var(--surface, #fff) !important;
  border: 1px solid var(--surface-border, #e2e8f0) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* ── Timetable Grid Table ── */
.timetable {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
}

.timetable table {
  width: auto !important;
  min-width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 8px !important;
  table-layout: fixed !important;
}

/* ── Headers & Columns ── */
.timetable table tr.rowHead th {
  background: var(--surface-hover, #f8fafc) !important;
  color: var(--text, #1e293b) !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--surface-border, #e2e8f0) !important;
  border-radius: 8px !important;
  text-align: center !important;
  min-width: 180px !important;
  width: 180px !important;
  vertical-align: middle !important;
}

/* The first header cell (Date/Day label) */
.timetable table tr.rowHead th:first-of-type {
  text-align: left !important;
  min-width: 130px !important;
  width: 130px !important;
  background: var(--teal, #0d9488) !important;
  color: #fff !important;
  border-color: var(--teal, #0d9488) !important;
}

/* Court headers (first cell of each row) */
.timetable table tr:not(.rowHead) th:first-child {
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text, #1e293b) !important;
  background: var(--surface-hover, #f8fafc) !important;
  border: 1px solid var(--surface-border, #e2e8f0) !important;
  border-radius: 8px !important;
  padding: 12px !important;
  min-width: 130px !important;
  width: 130px !important;
  text-align: left !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: default !important;
}

/* ── Game Match Cells ── */
.timetable table tr td {
  padding: 0 !important; /* Managed by .cell padding for perfect margins */
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  min-width: 180px !important;
  width: 180px !important;
  height: 96px !important;
  vertical-align: top !important;
  position: relative !important;
  cursor: grab !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  box-sizing: border-box !important;
}

.timetable table tr td:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0,0,0,0.08) !important;
  z-index: 10 !important;
}

/* Empty Cell styling */
.timetable table tr td.inherit {
  background: var(--surface-hover, #f8fafc) !important;
  border: 1px dashed var(--surface-border, #cbd5e1) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.timetable table tr td.inherit:hover {
  background: var(--teal-glow, rgba(13,148,136,0.08)) !important;
  border-color: var(--teal, #0d9488) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Played/Finished game */
.timetable table tr td.cl00 {
  background: #64748b !important; /* Cool grey for played */
  color: #ffffff !important;
  border: 1px solid #475569 !important;
}

/* Category Color codes - Gorgeous high-contrast variables */
.timetable table tr td.cl01 { background: #55458c !important; color: #fff !important; }
.timetable table tr td.cl02 { background: #356bdd !important; color: #fff !important; }
.timetable table tr td.cl03 { background: #d655b8 !important; color: #fff !important; }
.timetable table tr td.cl04 { background: #d83b37 !important; color: #fff !important; }
.timetable table tr td.cl05 { background: #0f172a !important; color: #fff !important; }
.timetable table tr td.cl06 { background: #1aaa56 !important; color: #fff !important; }
.timetable table tr td.cl07 { background: #eb4a90 !important; color: #fff !important; }
.timetable table tr td.cl08 { background: #8f449e !important; color: #fff !important; }
.timetable table tr td.cl09 { background: #2c6f6b !important; color: #fff !important; }
.timetable table tr td.cl10 { background: #8a2c40 !important; color: #fff !important; }
.timetable table tr td.cl11 { background: #f05a2f !important; color: #fff !important; }
.timetable table tr td.cl12 { background: #f2a701 !important; color: #fff !important; }
.timetable table tr td.cl13 { background: #0d9488 !important; color: #fff !important; } /* Teal */
.timetable table tr td.cl14 { background: #84cc16 !important; color: #fff !important; }
.timetable table tr td.cl15 { background: #689599 !important; color: #fff !important; }
.timetable table tr td.cl16 { background: #624151 !important; color: #fff !important; }
.timetable table tr td.cl17 { background: #1e1b4b !important; color: #fff !important; }
.timetable table tr td.cl18 { background: #1d4ed8 !important; color: #fff !important; }
.timetable table tr td.cl19 { background: #115e59 !important; color: #fff !important; }
.timetable table tr td.cl20 { background: #422006 !important; color: #fff !important; }
.timetable table tr td.cl21 { background: #312e81 !important; color: #fff !important; }
.timetable table tr td.cl22 { background: #451a03 !important; color: #fff !important; }

/* ── Content inside cells ── */
.timetable .cell {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

.timetable .cell-handle {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
  user-select: none !important;
}

/* Team/Players rows */
.timetable .team {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  font-weight: 600 !important;
  width: 100% !important;
}

/* Let the player row span the full cell width so the score can sit at the
   cell's right edge (not stuck right after the name). The empty .subType
   column (.col-auto) and the .col.team gutter padding would otherwise steal
   ~36px from the right, stopping margin-left:auto short of the edge.
   Scoped to the players row only — the bottom (.alwaysBot) row keeps its
   .col-auto (round) intact. */
.timetable .row:not(.alwaysBot) > .col.team {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.timetable .row:not(.alwaysBot) > .col-auto {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}

.timetable .elipsis {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

.timetable .score {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  background: rgba(255, 255, 255, 0.25) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  color: #ffffff !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.timetable .score:empty {
  display: none !important;
}

.timetable table tr td.cl00 .score {
  background: rgba(0, 0, 0, 0.15) !important;
  color: #ffffff !important;
}

/* Metadata row (Bottom of cell) */
.timetable .alwaysBot {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 10px !important;
  opacity: 0.9 !important;
  border-top: 1px solid rgba(255,255,255,0.15) !important;
 /* padding-top: 6px !important;*/
  margin-top: auto !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

.timetable table tr td.cl00 .alwaysBot {
  color: rgba(255, 255, 255, 0.9) !important;
}

.timetable table tr td.inherit .alwaysBot {
  border-top: none !important;
}

/* SubType details */
.timetable .subType {
  font-size: 9px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-weight: 700 !important;
}

/* Row padding fix to prevent bootstrap row negative margins from cancelling cell padding */
.timetable .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Player Name Ellipsis Truncation & Flex Alignment */
.timetable .player-name {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  text-align: left !important;
}

/* Open in New Window button (premium sharing/external link aesthetic) */
.rin-open-new-window-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  background: var(--surface-card, #ffffff) !important;
  border: 1px solid var(--surface-border, #e2e8f0) !important;
  border-radius: 10px !important;
  color: var(--teal, #0d9488) !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
  text-decoration: none !important;
}
.rin-open-new-window-btn:hover {
  background: var(--teal, #0d9488) !important;
  color: #ffffff !important;
  border-color: var(--teal, #0d9488) !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(13, 148, 136, 0.25) !important;
}
.rin-open-new-window-btn i {
  transition: transform 0.25s ease !important;
}
.rin-open-new-window-btn:hover i {
  transform: scale(1.1) !important;
}