/* Фон таба «Инфо» — скин стадиона матча-вызова (см. SectionGameLive::resolveLiveInfoBgStyle) */
#tabs-3[style*="--skin-bg"] {
    background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), var(--skin-bg);
    background-size: 230% auto;
    background-position: 36% center;
    background-repeat: no-repeat;
}

/* Контентная плашка поверх скина — единый фон под весь блок info */
#tabs-3[style*="--skin-bg"] .info-content {
    background: rgba(255, 255, 255, 0.9);
    padding: 12px 16px;
    border-radius: 6px;
    width: fit-content;
    max-width: 100%;
}

/* расположение позиций */
#GK {margin:430px 0 0 177px; position:absolute; z-index: 1;}
#LD {margin:340px 0 0 60px; position:absolute;}
#RD {margin:340px 0 0 295px; position:absolute;}

#CD3 {margin:340px 0 0 230px; position:absolute;}
#CD2 {margin:340px 0 0 177px; position:absolute;}
#CD1 {margin:340px 0 0 124px; position:absolute;}

#SW {margin:385px 0 0 177px; position:absolute;}
#LM {margin:218px 0 0 50px; position:absolute;}
#RM {margin:218px 0 0 305px; position:absolute;}

#CM3 {margin:218px 0 0 244px; position:absolute;}
#CM2 {margin:218px 0 0 177px; position:absolute;}
#CM1 {margin:218px 0 0 110px; position:absolute;}

#DM3 {margin:278px 0 0 234px; position:absolute;}
#DM2 {margin:278px 0 0 177px; position:absolute;}
#DM1 {margin:278px 0 0 120px; position:absolute;}

#LW {margin:150px 0 0 50px; position:absolute;}
#RW {margin:150px 0 0 305px; position:absolute;}
#LF {margin:90px 0 0 70px; position:absolute;}
#RF {margin:90px 0 0 285px; position:absolute;}

#CF3 {margin:90px 0 0 234px; position:absolute;}
#CF2 {margin:90px 0 0 177px; position:absolute;}
#CF1 {margin:90px 0 0 120px; position:absolute;}

#AM3 {margin:150px 0 0 234px; position:absolute;}
#AM2 {margin:150px 0 0 177px; position:absolute;}
#AM1 {margin:150px 0 0 120px; position:absolute;}

#SP1 {margin:530px 0 0 27px; position:absolute;}
#SP2 {margin:530px 0 0 77px; position:absolute;}
#SP3 {margin:530px 0 0 127px; position:absolute;}
#SP4 {margin:530px 0 0 177px; position:absolute;}
#SP5 {margin:530px 0 0 227px; position:absolute;}
#SP6 {margin:530px 0 0 277px; position:absolute;}
#SP7 {margin:530px 0 0 327px; position:absolute;}

/* лист формаций */
.upSelect {font-size: 1.1em;
    letter-spacing: 1px;
    margin: 4px 0 0 70px;
    padding: 4px;
    text-align: center;
    width: 300px;}
.upSelect2 {font-size: 0.9em;
    letter-spacing: 1px;
    margin: 0 0 0 0;
    padding: 4px;
    width: 300px;}

.upSelect3 {
    font-size: 0.9em;
    letter-spacing: 1px;
    margin: 0 0 0 0;
    padding: 4px;
    width: 220px;
}

/* send line-up */
.player2 { height: 25px; line-height: 25px;}
.ui-draggable {z-index: 2;}

.ui-droppable {display: none;}
#pole {width:400px; height:600px; background:url('../img_interface/field/pole.png') no-repeat top; z-index: -2; margin: 0 20px;}
#sender {text-align: left;}
#sucess {margin: 0 0 0 40px;}
#sucess td {height: 26px; padding: 0 3px 0 5px; border: 1px solid #fff; line-height: 26px;}
#sucess td div.team img {margin-top: 2px;}
#sucess img {float: right;}
#form_three p {margin: 3px 0 10px 0;}
#head {padding: 0; margin: 0;}
#head img {border: none;}
#team_sender {font-size: 0.8em; color: #444;}
#team_sender a { color: #444;}
#team_sender a:hover { color: #444; text-decoration: none;}
.row3 {background-color: #F0F0F0;}
#info {vertical-align: top; padding: 20px; width: 800px;}
#info div {float: left; width: 40%;}

#pole .active .pl-num {
    border: 2px solid rgba(0, 0, 0, 0.25)
}

h5 {font-size: 1.0em; color: #333; margin: 10px 0 5px 10px; letter-spacing: 1px; font-weight: normal;}
#tactics {margin: 10px;}
#tactics select {width: 250px; padding: 4px; font-size: 0.9em; margin-right: 10px;}
.row6 {background-color: #f0f0f0;}
.row7 {background-color: #e5e5e5;}
.period {margin: 15px 0 10px 10px!important; font-size: 0.9em;}

#tactics_block {margin: 0;}
#tactics_block p.title {margin: 30px 0px 10px 0px;}
#tactics_block p a {color: #000; cursor: pointer; width: 562px; padding: 2px 4px; background-color: #ccc; display: block;}
/*#replace {margin: -10px 0 10px; width: 548px; padding: 10px; border: 1px solid #CCCCCC; }*/
#replace_img {margin-top: 1px; float: right;}

/*#replace select {width: 300px;}
#replace input, select {padding: 4px; font-size: 16px; margin-right: 10px;}
#replace input.min {width: 20px;}*/

#tactics_2 {}
#res_res {margin: 16px 4px 0 0; color: #333; float: left;}


/* */
#dragObjects {width: 866px;}

#dragObjects table {
    width: 100%;
}
#dragObjects table td img {float: none!important; margin: 0 0 -3px 0;}
.playerNumber {cursor: move;}
.ui-draggable-dragging {border: none!important;}
.playerNumber img {margin: 0 0 -6px 0!important;}

/* выбранный игрок */
.pl_sel {color: #ccc !important;}
.player2 img {margin-top: 1px;}
#sender h3.mi {margin-left: 14px;}

.mr10 {margin-right: 10px;}
.Mid_s_1 {width: calc(100% - 10px);}
.Mid_s_2 {width: 286px;}
.Input {font-family: Verdana; font-size: 1em!important; padding: 3px; margin: 0;}
#result {float: right; margin: 15px 15px 0 0;}


.minute {float: left; font-size: 1.1em; color: #666; height: 30px; line-height: 30px; width: 30px; text-align: center; background: #eee; border-radius: 2px;}
.timeevent {float: left; height: 30px; line-height: 30px; width: 24px; margin-right: 2px; text-align: center; border-radius: 2px;}
.timeevent img {margin: 7px 4px 7px 0;}
#inner_broadcast div p {padding-left: 68px; padding-right: 6px;}
#status_b_b {height: 24px;}
#indicator {margin-left: 6px;}
#timer {margin: -23px 0 0 30px; height: 24px;}
#inner_broadcast div.event {margin-bottom: 20px;}
#inner_broadcast {height: 461px; overflow: auto; padding-top: 10px;  position: relative;}
#inner_broadcast div.one {background: url('../img_interface/controls/bullet_green.png') no-repeat -9px 22px #eee;}
#inner_broadcast div.two {background: url('../img_interface/controls/bullet_orange.png') no-repeat 22px 22px #eee;}
/*#inner_broadcast div.onetwo {background: url('../img_interface/controls/bullet_greenorange.png') no-repeat 6px 23px #eee;}*/
/*#inner_broadcast div.twoone {background: url('../img_interface/controls/bullet_orangegreen.png') no-repeat 6px 23px #eee;}*/
#score {
    text-shadow: 2px 2px 4px #777;
    color: #eee;
    font-family: Verdana, sans-serif;
    font-size: 3.2em;
}
#score_2 {
    color: #EEEEEE;
    font-family: Verdana, sans-serif;
    font-size: 1.6em;
    text-align: center;
    text-shadow: 2px 2px 4px #777777;
}

.statMatch {border-spacing: 1px; float: left;}
.statMatch td {background: #eee;}
.statMatch td, .statMatch th {text-align: center; color: #333333;}
.statMatch th {height: 60px;}
.statMatch th a img {margin-bottom: -25px;}

/* Team LIST */
.teamList {
    border-radius: 4px;
    border: 1px solid #bbbbbb;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 10px;
}

.teamList > div {
    flex: 1;
}


.shedule {
    width: 100%;
    margin: 10px 0 0 0px;
}
.shedule tr {height: 24px;}
.shedule .ch_left {text-align: left; }
.shedule .ch_center {float: none; text-align: center; width: 24px;}

.shedule .ch_center2 {
    float: none;
    text-align: center;
    width: 32px;
}

.shedule .ch_center2 img {margin-bottom: -5px;}
.shedule .ch_right {text-align: right; }

.strucMatch {border-spacing: 1px;}
.strucMatch td {background: #eee; padding: 0 5px;}
.strucMatch td img {margin-bottom: -4px;}
.strucMatch td.emptyTD {background: #fff!important;}
.strucMatch th img {cursor: help; margin: 0 0 0px 10px}
.strucMatch th {background: #eee;}

.strucMatch2 {border-spacing: 1px;}
.strucMatch2 td {padding: 2px 5px; border: 1px solid #ccc; text-align: center;}
.strucMatch2 td img {margin: 0 0 -4px 0px;}
.strucMatch2 td.emptyTD {background: #fff!important;}
.strucMatch2 td.aleft {padding-left: 10px;}
.globalStat {letter-spacing: 2px; font-size: 1.3em; border: 1px dashed #CCC; width: 160px; text-align: center; padding: 10px 0; background: #EEE; color: #333; font-family: Verdana;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: help;}
.globalStat:hover {border: solid 1px #aaa;}
span.when {float: right; margin: 0 50px 0 0;}

.mPic {font-size: 0.8em; width: 22px; height: 20px; line-height: 20px; text-align: center; position: absolute; cursor: pointer;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #000000; font-family: Verdana;}
.homeTeam {background-color: #FFFFFF;}
.guestTeam {background-color: #FCBC3B;}

#mh_GK {margin: 14px 0 0 119px;}
#mh_SW {margin: 37px 0 0 119px;}
#mh_LD {margin: 50px 0 0 194px;}
#mh_RD {margin: 50px 0 0 44px;}
#mh_CD3 {margin: 50px 0 0 90px;}
#mh_CD2 {margin: 50px 0 0 119px;}
#mh_CD1 {margin: 50px 0 0 148px;}
#mh_DM3 {margin: 66px 0 0 90px;}
#mh_DM2 {margin: 66px 0 0 119px;}
#mh_DM1 {margin: 66px 0 0 148px;}
#mh_CM3 {margin: 90px 0 0 90px;}
#mh_CM2 {margin: 90px 0 0 119px;}
#mh_CM1 {margin: 90px 0 0 148px;}
#mh_LM {margin: 90px 0 0 194px;}
#mh_RM {margin: 90px 0 0 44px;}
#mh_AM3 {margin: 114px 0 0 90px;}
#mh_AM2 {margin: 114px 0 0 119px;}
#mh_AM1 {margin: 114px 0 0 148px;}
#mh_LW {margin: 104px 0 0 194px}
#mh_RW {margin: 104px 0 0 44px}
#mh_CF3 {margin: 138px 0 0 90px;}
#mh_CF2 {margin: 138px 0 0 119px;}
#mh_CF1 {margin: 138px 0 0 148px;}
#mh_LF {margin: 133px 0 0 184px;}
#mh_RF {margin: 133px 0 0 54px;}

#mg_GK {margin: 292px 0 0 119px;}
#mg_SW {margin: 269px 0 0 119px;}
#mg_LD {margin: 255px 0 0 44px;}
#mg_RD {margin: 255px 0 0 194px;}
#mg_CD1 {margin: 255px 0 0 90px;}
#mg_CD2 {margin: 255px 0 0 119px;}
#mg_CD3 {margin: 255px 0 0 148px;}
#mg_DM1 {margin: 240px 0 0 90px;}
#mg_DM2 {margin: 240px 0 0 119px;}
#mg_DM3 {margin: 240px 0 0 148px;}
#mg_CM1 {margin: 216px 0 0 90px;}
#mg_CM2 {margin: 216px 0 0 119px;}
#mg_CM3 {margin: 216px 0 0 148px;}
#mg_LM {margin: 216px 0 0 44px;}
#mg_RM {margin: 216px 0 0 194px;}
#mg_AM1 {margin: 192px 0 0 90px;}
#mg_AM2 {margin: 192px 0 0 119px;}
#mg_AM3 {margin: 192px 0 0 148px;}
#mg_LW {margin: 182px 0 0 44px}
#mg_RW {margin: 182px 0 0 194px;}
#mg_CF1 {margin: 168px 0 0 90px;}
#mg_CF2 {margin: 168px 0 0 119px;}
#mg_CF3 {margin: 168px 0 0 148px;}
#mg_LF {margin: 173px 0 0 54px;}
#mg_RF {margin: 173px 0 0 184px;}

.pl-num-sm {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: var(--jersey-text, #fff);
    background: var(--jersey-bg, #2a5a2a);
    border-radius: 4px;
    vertical-align: middle;
}
#pole .pl-num {
	width: 42px; height: 42px;
	border-radius: 4px;
	box-sizing: border-box;
	border: 2px dashed rgba(0, 0, 0, 0.15);
	background: rgba(255,255,255,0.1);
}
#SP1 .pl-num, #SP2 .pl-num, #SP3 .pl-num, #SP4 .pl-num, #SP5 .pl-num, #SP6 .pl-num, #SP7 .pl-num {
	border-color: rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.04);
}

#pole .rec {
    width: 42px;
    height: 42px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    background: #fff;
    border-bottom: 4px solid var(--jersey-border, #194719);
    border-radius: 4px;
    cursor: url(../img_interface/controls/cancel.png), pointer;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);

    /*width: 42px;*/
    /*height: 42px;*/
    /*line-height: 38px;*/
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*font-weight: bold;*/
    /*font-family: Arial, sans-serif;*/
    /*color: var(--jersey-text, #fff);*/
    /*background: var(--jersey-bg, #2a5a2a);*/
    /*border: 2px solid var(--jersey-border, #194719);*/
    /*border-radius: 50%;*/
    /*cursor: url('../img_interface/controls/cancel.png'), pointer;*/
}

#pole .rec::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 26px;
    width: calc(100% - 4px);
    height: 4px;
    background: var(--jersey-bg, #2a5a2a);
}

#pole .rec2 {
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    width: 42px;
    height: 42px;
    background: #fff;
    display: inherit;
    cursor: url('../img_interface/controls/cancel.png'), pointer;
}

#pole span.yes {
    margin: -32px 0 5px 0px;
    width: 42px;
    text-align: center;
    font-family: Verdana;
    font-size: 1.1em;
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
    display: block;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

#SP1 span.yes, #SP2 span.yes, #SP3 span.yes, #SP4 span.yes, #SP5 span.yes, #SP6 span.yes, #SP7 span.yes {
    color: rgba(0, 0, 0, 0.3);
    text-shadow: none;
}

#pole span.no {opacity: 0; margin: 12px 0 0 -46px;}
#pole div {width: 46px;}

.saveTxt {vertical-align: text-bottom;}
.op {opacity: 0.8;}

.cancelImg {
    margin: 0px 0 -5px 4px !important;
}

.MatchForm {background: none!important; border: none!important; margin: 0!important; padding: 5px 40px!important;}
.MatchForm .Button {width: 194px;}
.SingleComment {padding: 10px 4px 4px 10px;}
li.Item {border-top: none!important; border-left: none!important; border-right: none!important;}
li.Comment {background: #eee!important;}
ul.MessageList {padding: 5px 40px!important;}

.m_max {color: #64B813;}
.m_mid2 {color: #222;}
.m_mid {color: #FCBC3B;}
.m_min {color: #FF0000!important;}

/* Team List */
/*.miniTable {margin: 10px 0 0 4px;}
.miniTable td {padding: 0 6px; font-size: 0.9em;}
.miniTable td img {margin: 0 0px -3px 0;}
.miniTable .opacity td {opacity: 0.3;}*/

.no_repl {margin-left: 50px;}

.tacticTmp {float: right; margin-right: 4px;}
.tacticTmp span img {margin: 0 8px -2px 0;}
/* SAVER */
#tacticName {font-size: 1.2em; padding: 4px; width: 310px;}

li.Item {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-bottom: 1px solid #DDD!important;}

.infoBlock {border: 1px solid #DDD; height: 30px; margin: 10px 30px; width: 376px;
				-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.infoBlock div {float: left; line-height: 30px; width: 120px; margin-left: 10px;}
.infoBlock div img {margin: 0 4px -3px 0;}

#Form_Comment #result {margin-left: 10px;}

.ui-tabs-nav {padding: 0!important; margin: 0 1px!important;}
.ui-tabs-nav li a {padding: 2px 6px!important;}
.ui-tabs-nav li {margin: 0 1px!important;}
.ui-tabs-nav.ui-widget-header {background: url("../img_interface/backgrounds/bg5.gif")!important;}

#tabs p {margin: 0;}

.closeDiv {padding: 4px 10px; background: #eee; border: 1px dotted #ddd;
		  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: right; margin: 20px 40px 20px;}
.closeDiv i {border-bottom: 1px dotted #333; }
.closeDiv img {margin-top: 4px;}

/*chat*/
#chat {
    border: 1px solid #EEEEEE;
    height: 367px;
    padding: 8px 4px;
    width: calc(100% - 10px);
    overflow: auto;
}
.message_area {
    margin: 2px 0 0 0;
    display: flex;
    gap: 2px;
}

.message_area textarea {
    height: 30px;
    width: 100%;
    font-size: 0.9em;
}
#chat .team {margin: 0 0 5px;}

.send_message {
    background: url('../img_interface/controls/send_button.png') no-repeat scroll center center #EEEEEE;
    border: 1px solid #CCCCCC;
    height: 36px;
    width: 36px;
    border-radius: 2px;
}

.send_message:hover {
    border: 1px solid #bbb;
    cursor: pointer;
}

.new_message {background: none repeat scroll 0 0 #F6C81A; border: 1px solid #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: none;
				font-family: Arial; font-size: 8px; height: 10px; line-height: 10px; margin: -4px -4px 0 0; position: absolute; text-align: center; width: 10px; right: 0;}

.blockChat {border: 1px solid #EEEEEE; color: #CCCCCC; font-size: 11px; height: 32px; line-height: 16px; margin: 2px 10px 0 0; padding: 0 6px; text-align: justify;}
.BlockChatArea {background: url("../img_interface/backgrounds/bg5.gif") repeat scroll 0 0 transparent; opacity: 0.4;}
.dragImg {border: 1px solid #EEE;width: 22px;height: 22px;line-height: 22px;text-align: center;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;font-size: 1.1em;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);background: white;margin: 1px;color: #333;}
.ui-draggable-dragging .dragImg {
	width: 40px; height: 40px; line-height: 38px;
	font-size: 16px; font-weight: bold; font-family: Arial, sans-serif;
	color: var(--jersey-text, #fff); background: var(--jersey-bg, #2a5a2a);
	border: 2px solid var(--jersey-border, #194719);
	border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

/* new form */
.ui-tabs .ui-tabs-panel {
    height: auto !important;
    min-height: 433px !important;
}

/*#edit2 fieldset {border: 1px solid #ccc; padding: 10px!important; margin: 10px; width: 490px;
		  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}*/
.replaces {padding: 20px 10px!important;}
.replaces img {margin: 0 0 -3px 5px;}

.replaces select {
    margin: 0 0 0 4px;
    width: 380px;
    padding: 6px;
}
.replaces input {height: 18px; width: 30px;}

.ui-tabs .ui-tabs-panel.tab-content-wrapper__actions {
    padding: 20px 10px 20px;
}
.tab-content-wrapper__actions img {margin: 0 0 -3px 5px;}
.tab-content-wrapper__actions select {margin: 0 0 0 4px; width: 410px; padding: 6px;}
.tab-content-wrapper__actions input {height: 18px; width: 30px;}

.ui-tabs .ui-tabs-panel.tab-content-wrapper__tactics {
    display: flex;
    flex-direction: row;
}
.tab-content-wrapper__tactics fieldset {
    width: 500px;
}
.tab-content-wrapper__tactics fieldset div {margin: 10px 2px;}
.tab-content-wrapper__tactics fieldset legend {color: #333;}
.tab-content-wrapper__tactics select {margin: 0 4px 0 0; padding: 6px; width: 280px;}
.tab-content-wrapper__tactics p {margin: 4px 0!important;}

.ui-tabs .ui-tabs-panel.tab-content-wrapper__combinations fieldset.user div.innerDiv > div {
    width: 100%;
}

.ui-tabs .ui-tabs-panel.tab-content-wrapper__standard-players {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
}

.players fieldset {
    width: 100%;
}

.players fieldset div {
    width: 100%;
}

.players fieldset legend {
    color: #333;
    padding-left: 22px;
}

.players select {
    padding: 6px;
    width: calc(100% - 24px);
}
.players p {margin: 4px 0!important;}
.players p label {display: inline-block; text-align: center; width: 22px;}
/*#edit2 fieldset legend {color: #999; font-size: 0.9em; margin: -2px 0 1px -3px;}*/

.in_settings fieldset {padding: 10px 10px 0!important; margin: 14px 10px 0 0!important;}

.typeIns {line-height: 32px; height: 32px; border: 1px dotted #EEE; margin: 0 0 10px!important; width: 246px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.typeIns label {float: left;}
.typeIns input {margin: 8px 0 0 6px; float: left;}

.selectsStr {margin: 0 36px;}
.selectsStr p {clear: both;}
.selectsStr span {width: 40px; display: block; float: left; border: 1px dotted #DDD; height: 25px; margin: 0 2px 0 0; line-height: 25px; text-align: center;}
.selectsStr select {width: 320px!important; height: 27px;}


.pg_prepareGame {background: white; margin: 0 10px 0 4px; height: 424px; border: 1px solid #fff; border-radius: 4px;}
.pg_prepareGame div.pg_Logo {text-align: center; margin: 40px;}
.pg_prepareGame div.pg_Logo img {}
.pg_prepareGame div.pg_Logo p.pg_Champ {margin: 0; padding: 0!important; font-size: 1.2em; font-weight: bold; font-family: Arial; letter-spacing: 1px;}
.pg_prepareGame div.pg_Logo p.pg_Stage {margin: 0; padding: 0!important; font-size: 1em;}
.pg_prepareGame div.pg_VS {text-align: center;}
.pg_prepareGame div.pg_VS span {font-weight: bold; font-family: Arial; letter-spacing: 1px; color: #777; line-height: 40px;}
.pg_prepareGame div.pg_VS img {}
.pg_prepareGame div.pg_VS div p {margin: 0; padding: 0!important;}
.pg_prepareGame div.pg_VS div.pg_teamH {width: 220px;}
.pg_prepareGame div.pg_VS div.pg_teamH img {margin: 0 0 0 20px;}
.pg_prepareGame div.pg_VS div.pg_teamA {width: 220px;}
.pg_prepareGame div.pg_VS div.pg_teamA img {margin: 0 20px 0 0;}
.pg_prepareGame div.pg_Timer {text-align: center; margin: 40px 0;}
.pg_prepareGame div.pg_Timer p {margin: 0; padding: 0!important;}
.pg_prepareGame div.pg_Timer span {height: 30px; display: inline-block; width: 20px; line-height: 30px; font-size: 1.4em; font-family: Arial;}
.pg_prepareGame div.pg_Timer font {height: 30px; display: inline-block; line-height: 30px; color: #ccc; font-size: 1.4em; font-family: Arial;}

.pg_VS20 {line-height: 20px!important;}
.pg_Nat {margin: -2px 4px 0 4px;}
.pg_NatFlag {margin: 0 6px -2px 0!important; border: 1px solid #EEE;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
margin: 4px 0; border: 1px solid #EEE; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.flagCh {margin: 0 0 -4px 0!important; border: 1px solid #EEE;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
margin: 4px 0; border: 1px solid #EEE; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.pg_MflagNat {}

.NationalLogo {}
.NationalLogo a {line-height: 72px; text-align: center; display: block;}
.NationalLogo a img {
    width: 72px;
    height: auto;
    vertical-align: middle;
}

.pg_MflagNat img {border: 1px solid #DDD; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.goalPass {float: none!important; margin: 0px 0 -3px 0!important;}

.vipString {margin: 0 10px 0 0;}
.vipString img {margin: 4px!important;}

/**/
fieldset.user {border: 1px solid #DDD; margin: 14px 0px 0 0; padding: 8px 0px!important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
fieldset.user legend a img {float: left!important; }
fieldset.user legend {margin: 0 4px; padding: 0 4px 0 0; color: #999; font-size: 0.9em;}
fieldset.user legend input {float: left; margin: 4px 4px 0;}

fieldset.user div.innerDiv {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    padding: 0 10px;
}

.tab-content-wrapper__individual-settings fieldset.user div.innerDiv div {
    width: 33%;
}

fieldset.user div.innerDiv div select {
    width: 100%;
}

fieldset.user span {color: #64B813;}
fieldset.user p {margin: 0 20px;}
fieldset.user div.logoTeam {margin: -70px 16px 0 0; float: right;}
fieldset.user div.logoTeam img {}
fieldset.user p.ratingsU {}
fieldset.user p.ratingsU img {margin: 0 0px -3px 0px;}
fieldset.user span.online img {margin: 0 0 -4px 0;}

fieldset.user div.stDiv {margin: 10px 10px 0; float: left;}
fieldset.user table.miniTable {margin: 10px 0 0 0;}

.combF legend {padding: 0 4px!important;}
.combF p {margin: 0 10px!important;}

fieldset.user.combF div.innerDiv {
    flex-direction: column;
}

.combTitle {border-bottom: 1px dashed #DDDDDD; font-family: Verdana; font-size: 14px !important; margin: 20px 10px 0; padding: 0 !important;}
.combSmall {}
.combSmall small {margin: 0 10px;}

.md_li {background: url("../img_interface/backgrounds/bg5.gif");}
.tacticVal {color: #555555; cursor: help; float: right; font-family: Verdana; font-weight: bold; letter-spacing: 1px; margin: -16px 10px -10px 0;}
.indIco {cursor: help; margin: 0 0 0 6px!important;}

.robot {margin: 3px 6px!important; position: absolute; cursor: help;}
.robot2 {margin: 3px 6px!important; position: absolute; cursor: pointer;}

.nxResults a {width: 21px; height: 21px; display: inline-block; text-align: center; border: 1px dotted #EEE; margin: 0 2px; line-height: 21px; font-family: Verdana; color: #fff;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.nxResults .res_W {background-color: #70D551;}
.nxResults .res_D {background-color: orange;}
.nxResults .res_L {background-color: red;}
.nxWhere {white-space: nowrap;}
.nxWhere img {margin: 0 0 -4px 0!important;}
.teamNM img {margin: 0 0 -6px !important; float: none !important;}

.lastRess {margin: 10px 0!important;}
.lastRess td {padding: 2px!important; line-height: 18px;}
.betIco {margin: 0px 2px -2px;}
.betLink {margin: 0 10px;}
.saveBet {margin: 10px 0!important;}

.publicArea {border: 1px solid #EEEEEE; float: left; margin: 12px 0 10px; padding: 4px 6px; width: 190px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 22px;}
.betArea {float: left; margin: 13px 0 14px 10px;}
.betArea input {height: 20px;}
.allBets tr td {height: 30px; line-height: 28px; font-family: Verdana;}
.allBets tr td.team img {margin: 4px 6px 0 0!important;}

/* 2013-07-12 new order match */
.minP {font-size: 0.8em; margin-right: 1px;}
.progressTable th {
    color: #555555;
    padding: 3px 6px 0 !important;
}
.progressTable td.team img {margin: 1px 6px -4px 3px;}
.progressTable td {font-size: 11px!important; text-align: center;}
.smallT {}
.pl4 {padding-left: 4px!important;}
.plPro img {cursor: help; float: none!important; margin: 0 0 -4px 2px;}
.tcenter td {text-align: center;}

.zoneAction {border-spacing: 1px; float: left; padding: 1px; width: 252px; height: 326px;
background: url("../img_interface/field/m_pole_80.png") no-repeat scroll -4px 0 transparent;}
.zoneAction td {border: 1px dashed #EEEEEE; font-family: Verdana; text-align: center; vertical-align: middle; border: 1px solid #eee; opacity: 0.9;}
.zoneAction td:hover {cursor: default!important; opacity: 1;}
.normTd td {}
.minTd td {border: 1px solid #EEEEEE; color: #333333; font-size: 10px; height: 18px; line-height: 18px; width: 14px; opacity: 0.9; background: #fff;}

.ap20 {background-color: #70D551; color: #FFFFFF; font-weight: bold;}
.ap15 {background-color: #4AABE4; color: #FFFFFF; font-weight: bold;}
.ap10 {background-color: #FDF700; color: #777; font-weight: bold;}
.ap5 {background-color: #FCBC3B; color: #FFFFFF; font-weight: bold;}
.ap0 {color: #ccc; font-weight: bold;}

.MatchResultFiled {width: 260px; height: 330px; background: url('../img_interface/field/m_pole.png') no-repeat; float: left;}
.divOb {float: left; margin: 20px 25px;}
.divOb p {letter-spacing: 1px; margin: 0 0 0 10px; padding: 0 !important;}
.chLogo {border-bottom: 1px dashed #EEEEEE; float: left; margin: 0 0 10px; width: 620px;}
.chLogo a {font-size: 1.2em;}
.chLogo p {line-height: 22px; margin: 16px 0 0;}
.chLogo a img {border-left: 1px dashed #EEEEEE; border-right: 1px dashed #EEEEEE; border-top: 1px dashed #EEEEEE; float: left; margin: 0 10px 0 0; padding: 10px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.generalInfo {float: right; margin: 30px 0; width: 400px;}
.generalInfo table tr td {padding: 2px 4px; color: #333;}

.chUserArea {}
.chUserArea table {}
.chTacticTip {border-top: 1px dashed #EFEFEF; color: #333333 !important; margin: 4px 52px 0 !important; padding: 2px 6px; width: 340px !important;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.chTacticTip table {}

.eventMatch {
    border-spacing: 1px;
    border: 1px dashed #eee;
    border-radius: 2px;
}
.eventMatch td.ev_left {text-align: left;}
.eventMatch td.ev_center {text-align: center; font-weight: bold; font-family: Verdana; background-color: #EEEEEE; color: #333333;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.eventMatch td.ev_right {text-align: right;}

.eventMatch th {background-color: #EEEEEE; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #333333; letter-spacing: 1px; padding: 4px 8px;}
.eventMatch tr.row td {background: #eee;}
.eventMatch tr td {height: 16px;}
.eventMatch tr td img {margin: 3px 4px 0 4px;}
.eventMatch tr td div {width: 46px; color: #777; text-align: center;}
.eventMatch td.ev_left div {float: left; margin-right: 10px;}
.eventMatch td.ev_left img {float: right;}
.eventMatch td.ev_right div {float: right; margin-left: 10px;}
.eventMatch td.ev_right img {float: left;}

.eventMatch td.tipStr {border-top: 1px dashed #EEEEEE; border-bottom: 1px dashed #EEEEEE; height: 16px; margin: 2px !important; padding: 4px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.indIco_2 {border: medium none !important; box-shadow: none !important; cursor: help; margin: 8px 6px 0 0 !important;}
.shareOrder {margin: 10px; border-spacing: 1px;}
.shareOrder td {border: 1px dotted #EFEFEF; height: 28px; padding: 1px; text-align: center; vertical-align: middle; width: 28px;}
.shareOrder td a img {margin: 0 3px!important;}
.shareOrder td#open_1 img, .shareOrder td#open_2 img {margin: 0 0 -3px; cursor: help;}
.shareOrder td#open_3 img {margin: 0 0 -3px; cursor: help;}
.openIco {cursor: pointer!important;}
.openIco_2 {cursor: default!important;}
.empTd {border: none!important;}
.sv_link {float: right; margin: -27px 10px 0 0}
.sv_link img {margin-bottom: -5px;}
.sv_div {margin-top: 10px;}

.modBut {cursor: pointer; margin: -4px 0 0 -30px; position: absolute; opacity: 0.6;}
.modBut:hover {opacity: 1;}

.talentAmb {float: none !important; margin: 0 0 -8px !important; max-width: 20px}

/**/
#firstLevel {position: absolute; z-index: 0; margin: 10px 20px;}
#secondLevel {position: absolute; z-index: 1; margin: 10px 20px;}


.newTactic {
    margin-left: 30px;
    border: 1px dashed #ccc;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
}
.newTactic:hover {
    border: 1px solid #bbbbbb;
}
.newTactic img {
    vertical-align: middle;
    margin: -2px 4px 0 0;
}
/* */
.game-effects-report th.team img {
    vertical-align: middle;
    float: none;
    margin: -2px 4px 0 2px;
}
.game-effects-report__increase_talent.team img {
    vertical-align: middle;
    float: none;
    margin: -2px 4px 0 0;
}
.game-effects-report__empty-tip {
    margin-left: 10px;
}

.sponsor-contract-banner {
    margin: 0 0 10px 0;
    position: absolute;
    bottom: 0;
}

.sponsor-contract-banner img {
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 10px;
}

.sponsor-game-ad {
    position: absolute;
    display: flex;
    padding: 10px;
    background-image: url('bg.png');
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    margin: 10px;
    flex-direction: column;
    width: calc(100% - 40px);
    top: 0;
    left: 0;
    text-align: center;
    align-items: center;
    height: stretch;
    justify-content: space-around;
    z-index: 9;
}

.sponsor-game-ad > div:first-child {
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #777;
    letter-spacing: 0.4px;
    font-size: 28px;
    font-family: Arial, sans-serif;
}

.sponsor-game-ad > div:last-child {
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #777;
    letter-spacing: 0.4px;
    font-size: 20px;
    font-family: Arial, sans-serif;
    max-width: 80%;
}

.sponsor-game-ad > div img {
    min-width: 240px;
}

.sponsor-game-ad__hide {
    margin: 20px 0 0 0;
    color: #EEEEEE;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal;
    text-shadow: none;
}

/**/
#dialog-tip-free_a, #dialog-tip-pl_key_2, #dialog-tip-pressing, #dialog-tip-pressing_trap, #dialog-tip-temp, #dialog-tip-vektor,
    #dialog-tip-sel_m, #dialog-tip-kick_m, #dialog-tip-dribl_m, #dialog-tip-pass_m, #dialog-tip-pass_v,
    #dialog-tip-ReverseAttack, #dialog-tip-LongKick, #dialog-tip-LongPass {
    display: none;
}

.game-tactic-tip {
    vertical-align: middle;
    margin: 0 4px;
    cursor: pointer;
}

#dragObjects .talentsLineInTable {
    margin: -1px 0 0 0;
}

.match-graph-container { width: 1324px; }

/* Верхний блок трансляции: индикатор напряжения + тайм-трекер */
.match-topbar {
    display: flex;
    gap: 8px;
    margin: 0 0 8px;
    align-items: stretch;
}
.match-topbar__tension {
    flex: 0 0 calc(44% - 4px);
    min-width: 0;
    box-sizing: border-box;
}
.match-topbar__timetrack {
    flex: 0 0 calc(56% - 4px);
    min-width: 0;
    box-sizing: border-box;
}
.match-topbar__tension {
    position: relative;
    display: flex;
    height: 32px;
    border-radius: 4px;
    overflow: hidden;
}
.match-tension__sec {
    flex: 1 1 0;
    background-color: #e8e8e8;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    transition: background-color 600ms ease, color 600ms ease, opacity 400ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: 600;
    user-select: none;
}
.match-tension__sec__arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease;
}
.match-tension__sec.is-added .match-tension__sec__arrow,
.match-tension__sec.is-removed .match-tension__sec__arrow {
    opacity: 1;
}
.match-tension__sec.is-added .match-tension__sec__arrow {
    background-image: url('../img_interface/v2/arrow_top.png');
}
.match-tension__sec.is-removed .match-tension__sec__arrow {
    background-image: url('../img_interface/v2/arrow_down.png');
}
.match-tension__sec:last-of-type {
    border-right: none;
}
.match-tension__sec--left {
    background-color: #ececec;
    color: rgba(0, 0, 0, 0.18);
}
.match-tension__sec--right {
    background-color: #c8c8c8;
    color: rgba(0, 0, 0, 0.28);
}
.match-tension__bubble {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 12px;
    font-size: 11px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
    box-sizing: border-box;
    min-width: 24px;
    max-width: 24px;
    padding: 0;
    font-weight: 700;
    transition: max-width 400ms ease, padding 400ms ease, font-weight 200ms ease, opacity 200ms ease;
}
.match-tension__bubble.is-expanded {
    max-width: 100%;
    padding: 0 12px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}
/* Hover на индикаторе → пузырь становится полупрозрачным, чтобы видеть закрашенные секции под ним. */
.match-topbar__tension:hover .match-tension__bubble {
    opacity: 0.25;
}
.match-topbar__timetrack {
    /*background: #f0f0f0;*/
    border-radius: 4px;
}

.match-general-block {
    display: flex;
    gap: 8px;
    margin: 0 0 8px;
    align-items: stretch;
}

.match-general-block > #broadcast {
    flex: 0 0 calc(44% - 4px);
    min-width: 0;
    box-sizing: border-box;
}

.match-general-block > .otherGame {
    flex: 0 0 calc(56% - 4px);
    min-width: 0;
    box-sizing: border-box;
}

#broadcast {
    border-radius: 4px;
    border: 1px solid #bbbbbb;
    background: #fff;
}

.otherGame {

}

.otherGame h3 {
    line-height: 40px;
}

#lastGames {
    margin-bottom: 8px;
}

/* Блок составов */
h3.team-title {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    line-height: 40px;
}

h3.team-title img {
    vertical-align: middle;
    margin-right: 8px;
    width: 40px;
}

h3.team-title.is_world {
    line-height: 32px;
}


h3.team-title.is_world img {
    width: 48px;
    height: 32px;
}

h3.team-title img.team-title__auto {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: help;
    align-self: center;
}

h3.control-title {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    line-height: 40px;
}

h3.control-title img {
    vertical-align: middle;
    margin-right: 8px;
}

/* === Таб «План» === */
.plan-tab .plan-empty {
    color: #888;
    padding: 8px 4px;
    margin: 0;
}

.plan-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.plan-table thead th {
    text-align: left;
    padding: 4px 6px;
    border-bottom: 1px solid #ddd;
    color: #555;
    font-weight: 600;
}

.plan-table tbody td {
    padding: 4px 6px;
    border-bottom: 1px solid #f1f1f1;
    vertical-align: top;
}

.plan-row__factMin {
    color: #555;
    white-space: nowrap;
}

.plan-row__status {
    white-space: nowrap;
}

.plan-status {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 8px;
    font-size: 11px;
    color: #fff;
    background: #999;
    cursor: help;
}

.plan-row.is-wait .plan-status   { background: #6c8eb5; }
.plan-row.is-done .plan-status   { background: #4caf50; }
.plan-row.is-reject .plan-status { background: #c0392b; }

.plan-row.is-reject td {
    color: #999;
}

/* Таб «Замены и тактика»: flex-каркас поверх легаси sleft/sright/Mid_s_2.
   В спарринге (currentGameSp.php) есть вторая команда — #players-for-replace_2
   и #tactics_3, у них та же структура. */
#players-for-replace,
#players-for-replace_2,
#tactics_2,
#tactics_3 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}
#players-for-replace > .sleft,
#players-for-replace > .sright,
#players-for-replace_2 > .sleft,
#players-for-replace_2 > .sright,
#tactics_2 > .sleft,
#tactics_2 > .sright,
#tactics_3 > .sleft,
#tactics_3 > .sright {
    flex: 1 1 0;
    min-width: 0;
    float: none;
    margin: 0;
}
#players-for-replace > p,
#players-for-replace_2 > p,
#tactics_2 > p,
#tactics_2 > br,
#tactics_3 > p,
#tactics_3 > br {
    flex-basis: 100%;
}
#players-for-replace .Mid_s_2,
#players-for-replace_2 .Mid_s_2,
#tactics_2 .Mid_s_2,
#tactics_3 .Mid_s_2,
#players-for-replace .Mid_s_1,
#players-for-replace_2 .Mid_s_1 {
    width: 100%;
    box-sizing: border-box;
}

/* «Передать указания?» — раскрытие тактик через transition вместо jQuery show/hide.
   #tactics_3 — вторая команда в спарринге (currentGameSp.php). */
#tactics_2,
#tactics_3 {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.2s ease, opacity 0.15s ease;
}
#tactics_2.is-open,
#tactics_3.is-open {
    max-height: 800px;
    opacity: 1;
}

#tabs p.tactics-control {
    text-align: right;
    padding: 0;
    margin: 0;
}

.otherGame.ui-tabs .ui-tabs-panel {
    padding: 10px 10px 0 10px;
}

.score-wrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}