/* Appeal */
.nxWhere {
    white-space: nowrap;
}
.nxWhere img {
    margin: 0 0 -6px!important;
    cursor: help;
}
.singleIco img {
    float: none!important;
    margin: 0 0 -6px!important;
}
.card {
    border: 1px dotted #DDD;
    padding: 0 6px;
    border-radius: 2px;
    margin: 10px 0 0;
}
.card div {padding: 4px 10px;}


/* OLDER */
.num {color: #aaa;}

.name a:link, .name a:visited {color: #3399FF;}
.name a:active, .name a:hover {color: #3399FF; text-decoration: underline;}
.row2 {background-color: #f0f0f0;}
.team_free tbody tr:hover {background-color: #A4C4E9;}
.match_div {margin-bottom: 5px; text-align: left;}
.match_p {}
.champLogo {float: left; margin: 0 5px 0 0;}
.champLogo2 {margin: 0 4px; padding: 3px;}
.status_send {float: right; margin: 2px;}
.status_send_2 {margin: 1px 2px 0px 6px; float: right;}
.live_bull {text-decoration: blink!important; color:#DDD; float: right; font-size: 2.5em!important; margin: -4px -6px 0 0;}
.result_m {margin: 0 2px 0 0; float: right; color: #222; font-size: 0.9em;}
.no {margin: 0!important;}
.ok {float: right; margin: 2px 2px 0 0;}
.yr_card {margin-bottom: -4px!important; cursor: help;}
.m_max {color: #64B813;}
.m_mid2 {color: #222;}
.m_mid {color: #FCBC3B;}
.m_min {color: #FF0000;}

.Block h5 {color: #6C6C6C; letter-spacing: 1px; margin: -8px 0 4px 0; font-size: 100%;}
.countComm {float: right; margin: -10px 4px 0 0; font-size: 0.8em; color: #64B844;}

.menuBuildings {margin: 0px 0 0 0px; height: auto!important;}
.menuBuildings a img {
					  padding: 3px 0; margin: 0 13px; float: left;
/*		  border: 1px dotted #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/
/*			-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);*/}
.menuBuildings2 {height: 32px;}
.menuBuildings3 {height: 68px;}
.menuBuildings2 a img, .menuBuildings3 a img {margin: 0 6px;}
.menuBuildings2 a {
    display: inline-block;
    height: 32px;
}

.PayControl {margin: -30px 2px 0 0; float: right;}
.PayControl input, .PayControl2 input, .PayControl3 input {margin-right: 10px;}
.PayControl3 {margin: 10px 0 0 2px; float: none;}
#result {float: right; margin: 18px 10px 0 0;}
#result2 {float: right; margin: 6px 10px 0 0;}
#result3 {margin: 10px 0 0 0;}

/* finance */
.require img {margin: 0 0px -3px 0!important;}
.contentInner {margin: 20px 0 0;}
.contentInner p {margin-left: 10px;}

#edit fieldset {width: auto; padding-top: 0!important;}
#edit.fin_build fieldset {padding: 8px 10px 14px 10px!important;}
.fin_build p.info_fb {margin: 0 10px 0 60px;}
.payBSum {margin: 30px 24px 20px; padding: 0 !important;}
.PayControl2 {margin: 10px 20px;}

.sponsor-contract-wrap {
    position: relative;
}

.sponsor-contract {
    display: flex;
    flex-direction: row;
    min-height: 170px;
}

.sponsor-contract--info {
    margin: 10px 10px 0 0;
    width: 100%;
}

.sponsor-contract__logo {
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 10px;
    margin: 10px 20px 10px 10px;
    display: flex;
    align-items: center;
}

.sponsor-contract__traits {
    margin: 0 0 0 18px;
}

.sponsor-contract__traits .positive {
    list-style-image: url("../img_interface/controls/bullet_blue.png");
}

.sponsor-contract__traits .negative {
    list-style-image: url("../img_interface/controls/bullet_red_li.png");
    color: #FF0000;
}

.sponsor-contract__category {
    font-size: 14px;
    border-bottom: 1px dashed #EEEEEE;
    display: flex;
    justify-content: space-between;
}

.sponsor-contract--regen {
    margin: 10px;
    padding: 10px;

    border: 1px dashed #CCCCCC;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
}

#edit .sponsor-contract--regen > div:first-child {

}

#edit .sponsor-contract--regen > div, #edit .sponsor-contract--regen div p {
    padding: 0;
    margin: 0;
}

.sponsor-contract__rate img {
    vertical-align: middle;
    cursor: help;
}

.sponsor-contract--regen-control {
    display: flex;
    gap: 10px;
}

.sponsor-contract--regen-control > div {
    width: 50%;
}

.sponsor-contract--regen-control__button {
    font-size: 1em;
    letter-spacing: 1px;
    margin: 0 4px 0 0;
    line-height: 16px;
    height: 26px;

    padding: 4px 8px;
    background-color: #f8f8f8;
    color: #02475A;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 0px 0px 2px #999;
    cursor: pointer;
}

.sponsor-contract--regen-control__button:disabled {
    background-color: #CCCCCC;
    color: #333!important;
    border: 1px solid #999!important;
}

.sponsor-contract--regen-control_try {
    font-size: 16px;
    width: 60px;
}

.sponsor-contract--update {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    background-color: #ccc;
    top: 0;
    opacity: 0.8;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsor-contract--update img {
    vertical-align: middle;
}

.sponsor-contract--progress-line {
    margin: 0 10px 10px;
}

.cp_progress {}
.cp_progress p {padding: 0 4px 2px 28px!important;}
.cp_progress img {float: left; margin: 0 10px 0 0; cursor: help;}
.cp_progress div {margin: 0; width: calc(100% - 30px);}
.cp_progress div span {margin-left: 460px;}
.cp_progress ul {margin: 20px 24px 10px;}
.cp_progress ul li {list-style-image: url('../img_interface/controls/bullet_blue.png'); list-style-position: inside;}

.cp_progress p.descrAc {margin: 20px 0 10px -2px;}
.cp_progress p.descrAc img {margin: 2px 6px 0 0; cursor: inherit;}
.cp_progress p.descrAc span {display: table-cell;}

.progressbar_ny {
    display: flex;
    flex-direction: row;
    gap: 6px;
}
.progressbar_ny p {}
.progressbar_ny img {cursor: help; vertical-align: middle;}
.progressbar_ny div {margin: 0}

.progressbar_ny div span {
    margin: 0 0 0 114px;
}

/* Полоска «Лимит на выборку» в таблице целевого (finance/targeted): по центру ячейки, уже на 1/5 */
.tgtBar { vertical-align: middle; }
.tgtBar .ui-progressbar { width: 240px; }
.tgtBar .ui-progressbar span { margin: 0 0 0 86px; }

/* Лоадер AJAX-подгрузки истории целевого (тот же #rolling, что в draft.css) */
#incomeData, #usageData { position: relative; }
#rolling div {position: absolute; width: 100%; left: 0; height: 100%; top: 0; background-color: #fff; opacity: 0.8; z-index: 100;}
#rolling img {position: absolute; z-index: 1100; top: calc(50% - 16px); left: calc(50% - 16px);}

.gift-office-block_title {
    margin: 0;
}

.gift-office-block_icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: flex-start;
}

.gift-office-block_icons img {
    width: 32px;
    vertical-align: middle;
}

/* ccup */
.cc_steps {clear: both; height: 32px;}
.cc_steps a.cc_step {background: none repeat scroll 0 0 #EEEEEE; border: 1px dotted #CCCCCC;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    cursor: pointer; display: block; float: left; height: 30px; line-height: 30px; margin: 0 2px; text-align: center; width: 132px;}
.cc_steps a.cc_active {border: 1px solid #AAAAAA;}
.cc_steps a.cc_future {opacity: 0.6;}
.cc_steps a.cc_success {background: url("../img_interface/controls/tick.png") no-repeat scroll 114px 2px transparent;}


.typeCups fieldset {border: 1px dotted #DDD; margin: 14px 8px 0 0; padding: 0px!important; border-radius: 4px;}
.typeCups fieldset legend input {margin: 0 6px;}
.typeCups fieldset legend {margin: 0 4px; padding: 0 4px 0 0;}
.typeCups fieldset legend a img {float: left!important; }
.typeCups fieldset span {font-size: 0.9em; color: #64B844; font-family: Verdana;}
.typeCups fieldset div {margin: 10px 12px 4px;}
.typeCups fieldset div small {margin: 0!important;}
.typeCups fieldset div.infoBlock3 {margin: -30px 10px 0 0;}
.typeCups fieldset div.infoBlock3 img {margin: 0 4px -4px 0;}

.cc_logo {margin: 10px;}
.cc_logo2 {margin: 20px;}
.cc_logo2 p {line-height: 25px;}
.cc_logo .isleft, .cc_logo2 .isleft {margin: 0 10px 0 0;}
.cc_content {margin: 10px;}
.cc_content span {color: #555555;}

form.cc_form .Button {margin: 10px 8px 0 0;}

.md_info {border: 1px solid #DDD; padding: 10px; margin: 10px 0 0 0!important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.md_hr td {border-top: 1px solid #DDD;}

.cc_shedule {border: 1px solid #DDD; padding: 10px; margin: 10px 4px 0 0!important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.cc_shedule div {border-bottom: 1px dotted #CCCCCC; margin-bottom: 2px;}

.cc_shedule2 {padding: 10px; margin: 10px 4px 0 0!important;}
.cc_shedule2 div {border-bottom: 1px dotted #CCCCCC; margin-bottom: 2px;}
.ap_shedule {}
.ap_shedule div {border-bottom: 1px dotted #CCCCCC; margin-bottom: 2px;}

.cc_status {margin: 0 30px;}
.cc_status img {margin: 0 6px -4px 0;}

.md_userMessage {border: 1px dotted #DDD; margin: 14px 8px 0 0; padding: 8px 0px!important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.md_userMessage legend a img {float: left!important; }
.md_userMessage legend {margin: 0 8px; padding: 0 4px 0 0;}
.md_userMessage span {margin: 0 14px; font-style: italic; color: #777;}
.f_appeal div {margin: 0 14px;}

.frOrder fieldset {margin: 14px 0px 0 0!important;}
.frOrder fieldset div {margin: 4px 12px 4px!important;}
.frOrder fieldset legend, .frOrder2 fieldset legend {margin: 0 8px;}
.frOrder {width: 708px; float: left;}
.frOrder fieldset div label img, .selWhere label img {margin: 0 0 -4px 0;}
.frOrder2 {float: right; width: 246px;}
.ap_shedule {min-height: 324px; height: 324px; overflow: auto; margin-right: 0!important;}
.ap_h3 {margin-bottom: 2px;}
.ap_filter {margin: 0px 2px;}

button.Button {width: 100px; float: right; font-size: 1em; letter-spacing: 1px; margin: 2px 0 0 0; line-height: 16px; height: 26px;}
#sortBy, #sortType {margin: 1px 10px; width: 160px;}
#sel_days {width: 256px; height: 65px; margin: 1px 0;}

.typeCups3 fieldset {border: 1px solid #DDD; margin: 14px 0px 0 0; padding: 0px!important; border-radius: 2px;}
.typeCups3 fieldset legend input {margin: 0 6px;}
.typeCups3 fieldset legend {margin: 0 4px; padding: 0 4px 0 0;}
.typeCups3 fieldset legend a img {float: left!important; }
.typeCups3 fieldset span {font-size: 0.9em; color: #64B844; font-family: Verdana;}
.typeCups3 fieldset div {margin: 10px 9px 10px;}
.typeCups3 fieldset div small {margin: 0!important;}
.typeCups3 fieldset div button {margin: -6px 0;}
.mh26 {height: 28px;
line-height: 32px;
margin: 0 0 0px 10px;}

#selLink, #friendlyBlackListSlide {margin: -28px 0 0 0;}
#selLink img, #friendlyBlackListSlide img {margin-bottom: -5px;}
.whIco {margin-bottom: -4px;}

.fr_message {border-top: 1px dotted #DDDDDD; margin: 10px 0!important;}
.fr_message div {margin: 6px 0!important;}
.fr_message span {border-left: 3px double #ddd; color: #777777!important; display: block; font-style: italic; height: 20px; line-height: 20px; margin: 0 8px; padding: 0 10px;}

.ul_first {float: left; margin-right: 30px!important;}
.calIco {margin: 0 0 -4px 2px;}
.typeCups3 hr {}
.cc_hide td {opacity: 0.3;}
.mt0 {margin-top: 0!important;}

.cc_list p {margin: 0px;}


.miniTable tr.payBG td {color: #64B813; border: 1px solid #64B813!important;}

.miniMessages li {cursor: pointer; white-space: nowrap; line-height: 22px; padding: 0 2px; border-radius: 4px;}
.miniMessages li:not(:first-child) {margin: 2px 0 0 0;}
.miniMessages li:hover {background-color: #A4C4E9;}
.miniMessages li a {font-size: 12px;}
.miniMessages li img {margin: 0 8px -4px 0;}

.lastTopic div.forumItem {border-bottom: 1px dashed #eee; margin-bottom: 4px;}
.lastTopic div.forumItem:last-child {border-bottom: none; margin-bottom: 0;}
.forumItem > img {margin: 0 4px -3px 0;}
.forumItem a {font-size: 12px;}
.forumItem > span {font-size: 11px; color: #999; float: right!important;}
.forumItem span img {margin: 0 4px -4px 0;}
.forumItem span span.plus {color: #64B813; margin-left: 2px; font-size: 10px;}

#colorbox {z-index: 999999!important;}
.requestTable td.thIco img {margin: 0 2px -4px 0!important;}
.requestTable td img.notOrd {margin: 0 0 -5px 2px!important; cursor: help;}
.requestTable td input {display: block; margin: 0 0 -2px 4px;}
.notList li {}

.rq_resultDiv {border: 1px dotted #DDDDDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px 0; padding: 0 10px; width: 400px;}
.rq_resultDiv p {color: #333333; margin: 2px 0;}
.rq_resultDiv p span {float: right;}
.op_info {padding: 0;}
.op_info img {opacity: 0.2; cursor: pointer; margin: 0 0 -5px 1px;}
.op_info:hover img {opacity: 1;}

.pn_Status {border: 1px solid #DDD; width: 220px; text-align: center; height: 30px; line-height: 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.pn_Status label {margin: 0 8px 0 0;}
.pn_Status input {cursor: pointer;}
.pn_Par p {border-left: 3px double #EEE; padding: 2px 6px; text-align: justify;}
.pn_Par {margin: 0 0 20px;}
.pn_Ta {width: 902px!important;}

.control img {margin: 0 0 -4px 0!important;}
.control {cursor: pointer;}
.md_info {margin: 10px 2px;}
.moveTime {cursor: help; margin: 0 0 0 6px; opacity: 0.6;}
.betGame {cursor: help; margin: 0 0 0 6px;}

.double {color: #64B813; position: absolute; margin: 7px 0 0 -6px; font-weight: bold; font-family: Arial; font-size: 1.2em;
		 text-shadow: 1px 1px 2px #ccc;}
.doubleTeamIco img {margin: 2px 0 -6px 1px; border: 1px solid #ccc; border-radius: 2px; cursor: help;}
.rotationRadio {display: block; margin: 0 0 -2px 5px; cursor: pointer;}
.tbRotation th {line-height: 26px;}
.progress_rot {float: right; margin: -30px 0 0;}
.delimRot {background: none repeat scroll 0 0 #EEEEEE; border-radius: 2px 2px 2px 2px; height: 6px; margin: 0 auto 10px; opacity: 0.4; width: 98%; clear: both;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}


.topRightMenu li a.active {color: #333;}
.mh154 {min-height: 154px;}
.mh133 {min-height: 133px;}
.mh111 {min-height: 111px;}

.finTicket fieldset {margin: 10px 0 0; width: 642px;}
.finTicket fieldset p {margin: 0 2px; padding: 0;}

.finTicket_2 fieldset {margin: 10px 0 0!important;}

.textRule_2 {margin: 14px 10px 2px 0;}
.textRule_2 ul {margin: 0 0 0 24px;}
.textRule_2 ul li {list-style-image: url("../img_interface/controls/bullet_blue.png");}
.textRule_2 p {margin: 4px 0 2px 8px;}

.stLine img {margin: 0 2px -8px!important;}
td.stLine img {max-width: 20px;}
@media not all and  (-webkit-min-device-pixel-ratio:0) {.stLine img {margin: 0 0 -8px 3px!important;}}
noindex:-o-prefocus, .stLine img {margin: 0 0 -8px 3px!important;}

.myLink {margin: -26px 10px 0 0;}

.cmp_status_line {margin: 20px 10px 10px; line-height: 26px;}
.cmp_status_line img {margin: 0 2px -4px 0;}

.mr10 {margin-right: 10px;}

/*staff*/
.staff-programs-wrapper {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: flex-end;
}
.groupFF {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.groupFF div.active {border: 1px solid #30B1D8;}
.groupFF div.prepare {border: 1px dotted #30B1D8;}

.oneFF {
    border: 1px solid #EEE;
    padding: 4px 4px 0;
    height: 120px;
    line-height: 16px;
    border-radius: 2px;
}

.oneFF span.sf_bonusName {
    font-size: 11px;
    color: #333;
    display: table-cell;
    vertical-align: bottom;
    height: 94px;
    padding: 2px 2px 0;
    min-width: 100px;
}
.oneFF div.bullet_green {background: url('../img_interface/controls/bullet_green.png') no-repeat 0px 3px;}
.oneFF div.bullet_orange {background: url('../img_interface/controls/bullet_orange.png') no-repeat 0px 3px;}
.oneFF div.bullet_yellow {background: url('../img_interface/controls/bullet_yellow.png') no-repeat 0px 3px;}
.oneFF div.bullet_red {background: url('../img_interface/controls/bullet_red.png') no-repeat 0px 3px;}
.oneFF div.bullet_otc {background: url('../img_interface/coin/16ot_b.png') no-repeat 0 3px;}

.numFF {border: 1px dotted #DDD; width: 20px; height: 20px; text-align: center; line-height: 20px; background: #EEE; color: #777; font-family: Verdana; cursor: pointer; float: left; border-radius: 2px;}
.numFF:hover {border: 1px dotted #333; background: url('../img_interface/backgrounds/bg.png'); color: #fff;}
.numFF img {position: absolute; margin: -2px 0px 0 1px;}
.nameFF {border: 1px solid #DDD; padding: 2px 8px!important; text-align: center; border-radius: 2px;}

.priceFF {
    float: right;
    width: calc(100% - 34px);
    text-align: right;
    line-height: 22px;
    height: 22px;
    margin: 0 4px;
    color: #333;
    font-size: 11px;
}

.ml0 {margin-left: 0!important;}
.mr0 {margin-right: 0!important;}

.sf_icoBuild {
    width: fit-content;
    margin: 10px auto 0;
}
.sf_empty {background-color: #FAFAFA; opacity: 0.8;}
.sf_pointPrice {height: 20px; margin-bottom: 4px;}
.sf_pointPrice span {border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-radius: 4px; display: inline-block; font-family: Verdana; font-size: 10px; height: 14px;
    line-height: 12px; margin-left: 4px; padding: 0 3px; text-align: left;}

.full_pl {width: 100%;}
.full_pl td {padding: 2px 2px 2px 10px; border: 1px solid #fff;}
.full_pl td {}
.full_pl td.acenter {color: #AAA; letter-spacing: 1px; font-size: 0.9em;}
.full_pl td.aright {font-weight: 500; color: #666; font-size: 13px; font-family: Verdana;}
.full_pl td.aleft {font-size: 13px; font-family: Verdana;}
.full_pl td.aleft small {font-size: 11px;}
.full_pl img.prIco {margin: 0 2px -3px 0;}

.sf_build {border: 1px dashed #EEEEEE; border-radius: 2px; margin: 10px 0; padding: 10px;}
.sf_build div {color: #64B813 !important; display: inline-block; font-family: Verdana; font-size: 18px; font-weight: bold; letter-spacing: 1px; margin-right: 30px; text-shadow: 0 0 1px #999999;}
.sf_build div img {margin: 0 10px -9px 0;}
.sf_progress {float: right; margin: -30px 0 0;}
.sf_first {border-top: 3px double #DDDDDD; border-bottom: 3px double #DDDDDD; margin: 10px 0;}
.sf_first.active {margin: 12px 0!important;}
.sf_first.prepare {margin: 12px 0!important;}
.sf_otc {border-top: 3px double #64B813;}
.sf_otc.active {margin-top: 4px;}
.sf_otc.prepare {margin-top: 4px;}
.sf_crisis {border-top: 3px double #a94442; margin: 0 0 10px 0;}
.sf_crisis.active {margin-top: 2px;}
.sf_unique {border-top: 3px double #FCBC3B; margin: 0 0 10px 0;}
.sf_unique.active {margin-top: 2px;}

.repeatTxt {font-family: Verdana; font-size: 11px;}
.thIco_2 img {margin: 0 0 -4px!important; cursor: pointer;}
.inpCh {cursor: pointer; display: block; margin: 0 0 -3px 1px;}

.targetDiv {margin: 10px!important; width: 460px !important; min-height: 10px;}
.tDescr {border: 1px solid #ddd; border-radius: 2px; margin: 0 0 10px; padding: 0 10px;}
.lIco {cursor: help!important; margin: 4px 10px 0 0;}

.filtr_a {height: 46px; width: 193px; border: 1px solid #DDD; border-radius: 4px; padding: 4px 10px 10px!important;}
.filtr_aa {width: 348px;}
.filtr_aa, .filtr_aaa {height: 46px; border: 1px solid #DDD; border-radius: 4px; padding: 4px 10px 10px!important;}
.filtr_a legend {margin: 0 0 0 5px ; color: #999; font-size: 0.9em; }
.filtr_aa legend, .filtr_aaa legend {margin: 0 0 0 5px ; color: #999; font-size: 0.9em; }
.filtr_aaa {width: 334px;}
.filtr_a p {margin: 0 0 0 5px;}

.season_cup input {margin: 0 2px 0 6px; vertical-align: middle; display: inline-block;}
.season_cup {margin: 14px 0 0;}
.season_cup.active {color: #64B813;}

.season_cup_ch {display: inline-block; padding: 0; margin: 0 0 2px 1px; vertical-align: middle;}

/* */
.rotation-staff {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.finance-center--bonus-list {
    max-height: 163px;
    overflow: auto;
}

.finance-center--bonus-list::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: transparent;
}

.finance-center--bonus-list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
}

.finance-center--bonus-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #E0E0E0;
}

/* CAMP REQUESTS */
.camp-filter {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.camp-filter--block {
    display: flex;
    flex-direction: row;
    gap: 10px;

}
.camp-filter--block > div, .camp-filter--block > fieldset {
    padding: 8px 10px 4px 10px;
    border: 1px solid #dddddd;
    border-radius: 4px;
}
.camp-filter--block-numbers {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.camp-popup--filter {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-end;
}

.camp-popup--filter > div {
    flex: 1 1 0;
    min-width: 0;
}

.camp-popup--player-list {
    overflow-y: auto;
    height: 400px;
}

.td-input-checkbox {
    cursor: pointer;
}

.td-input-checkbox > input {
    vertical-align: middle;
    cursor: pointer;
}

.camp-popup--player-list::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: transparent;
}

.camp-popup--player-list::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    background-color: transparent;
}

.camp-popup--player-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #E0E0E0;
}

.camp-popup--player-list tr {
    cursor: pointer;
}

/* JERSEY */
.jersey-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.jersey {
    --primary: #e63946;
    --secondary: #f1faee;
    --number-color: #f1faee;
    position: relative;
    width: 64px;
    height: 64px;
    clip-path: polygon(
        38% 19%, 8% 31%, 0% 53%,
        24% 53%, 24% 97%,
        76% 97%, 76% 53%,
        100% 53%, 92% 31%, 62% 19%
    );
}
.jersey-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary);
}
.jersey-body::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: var(--secondary);
}
.collar {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 7px;
    background: var(--secondary);
    border-radius: 0 0 7px 7px;
    z-index: 3;
}
.sleeve {
    position: absolute;
    top: 29px;
    height: 5px;
    width: 15px;
    background: var(--secondary);
    z-index: 2;
}
.sleeve-left { left: 0; }
.sleeve-right { right: 0; }
.sleeve::after { display: none; }
.sleeve-left::after, .sleeve-right::after { display: none; }
.shoulder { display: none; }
.jersey-number {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: 900;
    color: var(--number-color);
    z-index: 4;
    line-height: 1;
    user-select: none;
    font-family: Arial, sans-serif;
}

/* */
.countryFlagInTable {
    cursor: help;
    vertical-align: middle;
    margin: 0 0 -4px 0!important;
}

.iconVector {
    position: absolute;
    float: right;
    right: 0;
    top: 5px;
    opacity: 0.5;
    filter: grayscale(50%);
}

.miniTable td img.iconVector {
    margin: 0 4px -5px 0;
}

.ui-tabs .ui-tabs-panel.tab-with-table-wrapper {
    height: auto;
    padding: 10px 0 0;
    display: flex;
    flex-direction: column;
}

.ui-tabs .ui-tabs-panel.tab-with-table-wrapper .table-wrapper {
    height: 300px;
}