@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
	COMPONENTS
	Standard components, that repeat on the whole site: buttons, inputs, 
	avatars, flags, icons
========================================================================== */

.btn {display: inline-block;box-sizing: border-box;font-size: 12px !important;line-height: 12px;font-weight: 700;text-align: center;padding: 15px 20px;margin: 1px;color: #fff;border: 1px #f5c532 solid;text-transform: uppercase;letter-spacing: 0.5px;background: #04314c;transition: background-color 0.3s;}
.btn:hover { background-color: #3f6a83; }
.btn:disabled { background-color: #CCC; }

/*.btn.btn-framed { padding: 13px 18px; *//*color: #22c8ff;*//* border: 2px solid #056692; background: transparent; }*/
/*.btn.btn-framed:hover { background-color: rgba(0,0,0,0.15); }*/

.btn.btn-reload { padding: 15px 35px; font-weight: 400; /*background: url(../img/icon-reload.png) left center no-repeat transparent;*/ }



.avatar { width: 100px; height: 100px; border-radius: 50px; }



.team-logo { height: 100px; width: 100px; }
.team-logo-medium {display: inline-block; width: 32px; height: 32px;}
.team-logo-small {display: inline-block; width: 16px; height: 16px;}

.team-logo-string {height: 100px; display: flex; align-items: center}

.file-ico { display: inline-block; width: 40px; height: 48px; background: url(../img/file-ico-b13.png) left bottom no-repeat; }
.file-ico.nil { background-image: none; }
.file-ico.b13 { background-image: url(../img/file-ico-b13.png); }
.file-ico.exe { background-image: url(../img/file-ico-exe.png); }
.file-ico.jar { background-image: url(../img/file-ico-jar.png); }
.file-ico.jre { background-image: url(../img/file-ico-jre.png); }
.file-ico.app { background-image: url(../img/file-ico-app.png); }
.file-ico.pdf { background-image: url(../img/file-ico-pdf.png); }
.file-ico.ios { background-image: url(../img/file-ico-ios.png); width: 48px !important; }
.file-ico.upload { background-image: url(../img/file-ico-upload.png); }


.os-ico { display: inline-block; height: 43px; }
.os-ico.windows { width: 34px; background: url(../img/os-ico-windows.png) 0 9px no-repeat; }
.os-ico.linux { width: 37px; background: url(../img/os-ico-linux.png) 0 0 no-repeat; }
.os-ico.apple { width: 32px; background: url(../img/os-ico-apple.png) 0 3px no-repeat; }
.os-ico.android { width: 40px; background: url(../img/os-ico-android.png) 0 0 no-repeat; }

h3 .os-ico { position: relative; bottom: -3px; margin-right: 10px; }




.link-block { display: inline-block; width: 120px; height: 120px; background: #2f373b; box-sizing: border-box; padding: 15px 20px; line-height: 18px; }
.link-block.round { border-radius: 60px; }

.link-prev { display: inline-block; font-size: 14px; line-height: 24px; padding: 0 0 0 20px; background: url(../img/prev-next-arrow.png) 0 0 no-repeat; }
.link-prev.inactive { color: #6b6b6b; background-position: 0 -24px; }
.link-next { display: inline-block; font-size: 14px; line-height: 24px; padding: 0 20px 0 0; background: url(../img/prev-next-arrow.png) right -48px no-repeat; }
.link-next.inactive { color: #6b6b6b; background-position: right -72px; }

.link-cancel { display: inline-block; font-size: 14px; line-height: 24px; padding: 0 22px 0 0; background: url(../img/cancel-cross.png) right 0px no-repeat; color: #999; }
.link-cancel:hover { background-position: right -24px; color: #fff; }

.link-chat { display: inline-block; padding: 0 0 0 30px; background: url(../img/icon-chat.png) 0 0 no-repeat transparent; }
.link-chat:hover { background-position: 0 -200px; }

.link-site { display: inline-block; padding: 0 0 0 30px; background: url(../img/icon-site.png) 0 0 no-repeat transparent; }
.link-site:hover { background-position: 0 -200px; }


.link-add { display: inline-block; padding-top: 54px; background: url(../img/add-cross.png) 0 0 no-repeat; }
.link-add:hover { background-position: 0 -200px; }
.link-add.center { text-align: center !important; background: url(../img/add-cross.png) center 0 no-repeat; }
.link-add.center:hover { background-position: center -200px; }




.links-socials { text-align: left; display: inline-block; vertical-align: top; position: relative; top: -8px; }
.links-socials a { display: inline-block; box-sizing: border-box; width: 36px; height: 36px; background: url(../img/socials-icons.png) 0 0 no-repeat transparent; border: 1px solid #fff; border-radius: 18px; float: left; }
.links-socials a { margin-right: 10px; }
.links-socials a:hover { border: none; }
.links-socials .l-s-tw { background: url(../img/socials-icons.png) -1px -1px no-repeat transparent; }
.links-socials .l-s-vk { background: url(../img/socials-icons.png) -37px -1px no-repeat transparent; }
.links-socials .l-s-fb { background: url(../img/socials-icons.png) -73px -1px no-repeat transparent; }
.links-socials .l-s-ok { background: url(../img/socials-icons.png) -109px -1px no-repeat transparent; }
.links-socials .l-s-gp { background: url(../img/socials-icons.png) -145px -1px no-repeat transparent; }
.links-socials .l-s-mm { background: url(../img/socials-icons.png) -181px -1px no-repeat transparent; }
.links-socials .l-s-tw:hover { background: url(../img/socials-icons.png) 0 0 no-repeat #1ba9e6; }
.links-socials .l-s-vk:hover { background: url(../img/socials-icons.png) -36px 0 no-repeat #4a74a5; }
.links-socials .l-s-fb:hover { background: url(../img/socials-icons.png) -72px 0 no-repeat #39579a; }
.links-socials .l-s-ok:hover { background: url(../img/socials-icons.png) -108px 0 no-repeat #f5851f; }
.links-socials .l-s-gp:hover { background: url(../img/socials-icons.png) -144px 0 no-repeat #d31204; }
.links-socials .l-s-mm:hover { background: url(../img/socials-icons.png) -180px 0 no-repeat #2165ae; }




/* ==========================================================================
   Флаги стран - спрайт 20x3825px
   Источник: Flagpedia.net (flagcdn.com)
   Лицензия: Public Domain (свободное использование)
   Размер флага: 20x15px (родное разрешение)
   Количество флагов: 255 (включая ENG, SCO, NIR, WAL)
   Сгенерировано автоматически: 2025-10-24 22:40
========================================================================== */

.flag {
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../img/flags.png) no-repeat;
    background-position: 0px -3810px; /* По умолчанию показываем NONE (прозрачный) для несуществующих флагов */
    vertical-align: top;
    margin-top: 4px;
}

.flag.AFG { background-position: 0px 0px; }
.flag.AIA { background-position: 0px -15px; }
.flag.ALB { background-position: 0px -30px; }
.flag.ALG { background-position: 0px -45px; }
.flag.AND { background-position: 0px -60px; }
.flag.ANG { background-position: 0px -75px; }
.flag.ARG { background-position: 0px -90px; }
.flag.ARM { background-position: 0px -105px; }
.flag.ARU { background-position: 0px -120px; }
.flag.ASA { background-position: 0px -135px; }
.flag.AUS { background-position: 0px -150px; }
.flag.AUT { background-position: 0px -165px; }
.flag.AZE { background-position: 0px -180px; }
.flag.BAH { background-position: 0px -195px; }
.flag.BAN { background-position: 0px -210px; }
.flag.BRB { background-position: 0px -225px; }
.flag.BLR { background-position: 0px -240px; }
.flag.BEL { background-position: 0px -255px; }
.flag.BLZ { background-position: 0px -270px; }
.flag.BEN { background-position: 0px -285px; }
.flag.BER { background-position: 0px -300px; }
.flag.BHR { background-position: 0px -315px; }
.flag.BHU { background-position: 0px -330px; }
.flag.BIH { background-position: 0px -345px; }
.flag.BOL { background-position: 0px -360px; }
.flag.BOT { background-position: 0px -375px; }
.flag.BRA { background-position: 0px -390px; }
.flag.BRU { background-position: 0px -405px; }
.flag.BUL { background-position: 0px -420px; }
.flag.BFA { background-position: 0px -435px; }
.flag.BDI { background-position: 0px -450px; }
.flag.CAM { background-position: 0px -465px; }
.flag.CAN { background-position: 0px -480px; }
.flag.CAY { background-position: 0px -495px; }
.flag.CHA { background-position: 0px -510px; }
.flag.CHI { background-position: 0px -525px; }
.flag.CHN { background-position: 0px -540px; }
.flag.CIV { background-position: 0px -555px; }
.flag.CMR { background-position: 0px -570px; }
.flag.COD { background-position: 0px -585px; }
.flag.COG { background-position: 0px -600px; }
.flag.COK { background-position: 0px -615px; }
.flag.COL { background-position: 0px -630px; }
.flag.COM { background-position: 0px -645px; }
.flag.CPV { background-position: 0px -660px; }
.flag.CRC { background-position: 0px -675px; }
.flag.CRO { background-position: 0px -690px; }
.flag.CUB { background-position: 0px -705px; }
.flag.CYP { background-position: 0px -720px; }
.flag.CZE { background-position: 0px -735px; }
.flag.DEN { background-position: 0px -750px; }
.flag.DJI { background-position: 0px -765px; }
.flag.DMA { background-position: 0px -780px; }
.flag.DOM { background-position: 0px -795px; }
.flag.ECU { background-position: 0px -810px; }
.flag.EGY { background-position: 0px -825px; }
.flag.ENG { background-position: 0px -840px; }
.flag.ERI { background-position: 0px -855px; }
.flag.ESA { background-position: 0px -870px; }
.flag.ESP { background-position: 0px -885px; }
.flag.EST { background-position: 0px -900px; }
.flag.ETH { background-position: 0px -915px; }
.flag.FIJ { background-position: 0px -930px; }
.flag.FIN { background-position: 0px -945px; }
.flag.FRA { background-position: 0px -960px; }
.flag.FRO { background-position: 0px -975px; }
.flag.GAB { background-position: 0px -990px; }
.flag.GAM { background-position: 0px -1005px; }
.flag.GBR { background-position: 0px -1020px; }
.flag.GBS { background-position: 0px -1035px; }
.flag.GEO { background-position: 0px -1050px; }
.flag.GER { background-position: 0px -1065px; }
.flag.GHA { background-position: 0px -1080px; }
.flag.GRE { background-position: 0px -1095px; }
.flag.GRN { background-position: 0px -1110px; }
.flag.GUA { background-position: 0px -1125px; }
.flag.GUI { background-position: 0px -1140px; }
.flag.GUM { background-position: 0px -1155px; }
.flag.GUY { background-position: 0px -1170px; }
.flag.HAI { background-position: 0px -1185px; }
.flag.HKG { background-position: 0px -1200px; }
.flag.HON { background-position: 0px -1215px; }
.flag.HUN { background-position: 0px -1230px; }
.flag.INA { background-position: 0px -1245px; }
.flag.IND { background-position: 0px -1260px; }
.flag.IRI { background-position: 0px -1275px; }
.flag.IRL { background-position: 0px -1290px; }
.flag.IRQ { background-position: 0px -1305px; }
.flag.ISL { background-position: 0px -1320px; }
.flag.ISR { background-position: 0px -1335px; }
.flag.ISV { background-position: 0px -1350px; }
.flag.ITA { background-position: 0px -1365px; }
.flag.IVB { background-position: 0px -1380px; }
.flag.JAM { background-position: 0px -1395px; }
.flag.JOR { background-position: 0px -1410px; }
.flag.JPN { background-position: 0px -1425px; }
.flag.KAZ { background-position: 0px -1440px; }
.flag.KEN { background-position: 0px -1455px; }
.flag.KGZ { background-position: 0px -1470px; }
.flag.KOR { background-position: 0px -1485px; }
.flag.KSA { background-position: 0px -1500px; }
.flag.KUW { background-position: 0px -1515px; }
.flag.LAO { background-position: 0px -1530px; }
.flag.LAT { background-position: 0px -1545px; }
.flag.LBA { background-position: 0px -1560px; }
.flag.LBR { background-position: 0px -1575px; }
.flag.LCA { background-position: 0px -1590px; }
.flag.LES { background-position: 0px -1605px; }
.flag.LIB { background-position: 0px -1620px; }
.flag.LIE { background-position: 0px -1635px; }
.flag.LTU { background-position: 0px -1650px; }
.flag.LUX { background-position: 0px -1665px; }
.flag.MAC { background-position: 0px -1680px; }
.flag.MAD { background-position: 0px -1695px; }
.flag.MAR { background-position: 0px -1710px; }
.flag.MAS { background-position: 0px -1725px; }
.flag.MAW { background-position: 0px -1740px; }
.flag.MDA { background-position: 0px -1755px; }
.flag.MDV { background-position: 0px -1770px; }
.flag.MEX { background-position: 0px -1785px; }
.flag.MGL { background-position: 0px -1800px; }
.flag.MHL { background-position: 0px -1815px; }
.flag.MKD { background-position: 0px -1830px; }
.flag.MLI { background-position: 0px -1845px; }
.flag.MLT { background-position: 0px -1860px; }
.flag.MNE { background-position: 0px -1875px; }
.flag.MON { background-position: 0px -1890px; }
.flag.MOZ { background-position: 0px -1905px; }
.flag.MRI { background-position: 0px -1920px; }
.flag.MTN { background-position: 0px -1935px; }
.flag.MYA { background-position: 0px -1950px; }
.flag.NAM { background-position: 0px -1965px; }
.flag.NCA { background-position: 0px -1980px; }
.flag.NCL { background-position: 0px -1995px; }
.flag.NED { background-position: 0px -2010px; }
.flag.NEP { background-position: 0px -2025px; }
.flag.NGR { background-position: 0px -2040px; }
.flag.NIG { background-position: 0px -2055px; }
.flag.NIR { background-position: 0px -2070px; }
.flag.NOR { background-position: 0px -2085px; }
.flag.NRU { background-position: 0px -2100px; }
.flag.NZL { background-position: 0px -2115px; }
.flag.OMA { background-position: 0px -2130px; }
.flag.PAK { background-position: 0px -2145px; }
.flag.PAN { background-position: 0px -2160px; }
.flag.PAR { background-position: 0px -2175px; }
.flag.PER { background-position: 0px -2190px; }
.flag.PHI { background-position: 0px -2205px; }
.flag.PLE { background-position: 0px -2220px; }
.flag.PLW { background-position: 0px -2235px; }
.flag.PNG { background-position: 0px -2250px; }
.flag.POL { background-position: 0px -2265px; }
.flag.POR { background-position: 0px -2280px; }
.flag.PRK { background-position: 0px -2295px; }
.flag.PUR { background-position: 0px -2310px; }
.flag.QAT { background-position: 0px -2325px; }
.flag.ROU { background-position: 0px -2340px; }
.flag.RSA { background-position: 0px -2355px; }
.flag.RUS { background-position: 0px -2370px; }
.flag.RWA { background-position: 0px -2385px; }
.flag.SAM { background-position: 0px -2400px; }
.flag.SCO { background-position: 0px -2415px; }
.flag.SEN { background-position: 0px -2430px; }
.flag.SEY { background-position: 0px -2445px; }
.flag.SIN { background-position: 0px -2460px; }
.flag.SKN { background-position: 0px -2475px; }
.flag.SLE { background-position: 0px -2490px; }
.flag.SLO { background-position: 0px -2505px; }
.flag.SMR { background-position: 0px -2520px; }
.flag.SOL { background-position: 0px -2535px; }
.flag.SOM { background-position: 0px -2550px; }
.flag.SRB { background-position: 0px -2565px; }
.flag.SRI { background-position: 0px -2580px; }
.flag.SSD { background-position: 0px -2595px; }
.flag.STP { background-position: 0px -2610px; }
.flag.SUD { background-position: 0px -2625px; }
.flag.SUI { background-position: 0px -2640px; }
.flag.SUR { background-position: 0px -2655px; }
.flag.SVK { background-position: 0px -2670px; }
.flag.SWE { background-position: 0px -2685px; }
.flag.SWZ { background-position: 0px -2700px; }
.flag.SYR { background-position: 0px -2715px; }
.flag.TAH { background-position: 0px -2730px; }
.flag.TAN { background-position: 0px -2745px; }
.flag.TGA { background-position: 0px -2760px; }
.flag.THA { background-position: 0px -2775px; }
.flag.TJK { background-position: 0px -2790px; }
.flag.TKM { background-position: 0px -2805px; }
.flag.TLS { background-position: 0px -2820px; }
.flag.TOG { background-position: 0px -2835px; }
.flag.TPE { background-position: 0px -2850px; }
.flag.TRI { background-position: 0px -2865px; }
.flag.TUN { background-position: 0px -2880px; }
.flag.TUR { background-position: 0px -2895px; }
.flag.TUV { background-position: 0px -2910px; }
.flag.UAE { background-position: 0px -2925px; }
.flag.UGA { background-position: 0px -2940px; }
.flag.UKR { background-position: 0px -2955px; }
.flag.URU { background-position: 0px -2970px; }
.flag.USA { background-position: 0px -2985px; }
.flag.UZB { background-position: 0px -3000px; }
.flag.VAN { background-position: 0px -3015px; }
.flag.VEN { background-position: 0px -3030px; }
.flag.VIE { background-position: 0px -3045px; }
.flag.VIN { background-position: 0px -3060px; }
.flag.VGB { background-position: 0px -3075px; }
.flag.VIR { background-position: 0px -3090px; }
.flag.WAL { background-position: 0px -3105px; }
.flag.YEM { background-position: 0px -3120px; }
.flag.ZAM { background-position: 0px -3135px; }
.flag.ZIM { background-position: 0px -3150px; }
.flag.AMS { background-position: 0px -3165px; }
.flag.AQ { background-position: 0px -3180px; }
.flag.AX { background-position: 0px -3195px; }
.flag.BL { background-position: 0px -3210px; }
.flag.BQ { background-position: 0px -3225px; }
.flag.BV { background-position: 0px -3240px; }
.flag.CC { background-position: 0px -3255px; }
.flag.CX { background-position: 0px -3270px; }
.flag.EH { background-position: 0px -3285px; }
.flag.FK { background-position: 0px -3300px; }
.flag.FM { background-position: 0px -3315px; }
.flag.GF { background-position: 0px -3330px; }
.flag.GG { background-position: 0px -3345px; }
.flag.GL { background-position: 0px -3360px; }
.flag.GP { background-position: 0px -3375px; }
.flag.GS { background-position: 0px -3390px; }
.flag.HM { background-position: 0px -3405px; }
.flag.IM { background-position: 0px -3420px; }
.flag.IO { background-position: 0px -3435px; }
.flag.JE { background-position: 0px -3450px; }
.flag.KI { background-position: 0px -3465px; }
.flag.MC { background-position: 0px -3480px; }
.flag.MF { background-position: 0px -3495px; }
.flag.MH { background-position: 0px -3510px; }
.flag.MP { background-position: 0px -3525px; }
.flag.MQ { background-position: 0px -3540px; }
.flag.NF { background-position: 0px -3555px; }
.flag.NR { background-position: 0px -3570px; }
.flag.NU { background-position: 0px -3585px; }
.flag.PM { background-position: 0px -3600px; }
.flag.PN { background-position: 0px -3615px; }
.flag.PW { background-position: 0px -3630px; }
.flag.RE { background-position: 0px -3645px; }
.flag.SH { background-position: 0px -3660px; }
.flag.SJ { background-position: 0px -3675px; }
.flag.SX { background-position: 0px -3690px; }
.flag.TF { background-position: 0px -3705px; }
.flag.TK { background-position: 0px -3720px; }
.flag.TV { background-position: 0px -3735px; }
.flag.UM { background-position: 0px -3750px; }
.flag.VA { background-position: 0px -3765px; }
.flag.WF { background-position: 0px -3780px; }
.flag.YT { background-position: 0px -3795px; }
.flag.NONE { background-position: 0px -3810px; }

/* Статистика: 255 флагов (включая субнациональные) */
/* Примечание: Несуществующие флаги автоматически показываются как NONE (прозрачные) */
.social {margin: 10px 0}
.social-logo { display: inline-block; width: 48px; height: 48px; vertical-align: top; background: url(../img/social.png) 0 0 no-repeat transparent; }
.social-logo.logo-facebook { background-position: -48px -48px; }
.social-logo.logo-vkontakte { background-position: -432px -48px; }


.link-game { display: inline-block; width: 24px; height: 24px; background: url(../img/game-links-icons.png) 0 0 no-repeat transparent; vertical-align: top; margin-top: 1px; margin-bottom: 1px; margin-right: 7px; }
.link-game:last-of-type { margin-right: 0; }
.link-game:hover { border-color: #fff; }
.link-game.l-g-play { background-position: 0px -1px; }
.link-game.l-g-video { background-position: -24px -1px; }
.link-game.l-g-html { background-position: -48px -1px; }
.link-game.l-g-press-release { background-position: -72px -1px; }
.link-game.l-g-press-release-1 { background-position: -96px -1px; }
.link-game.l-g-press-release-2 { background-position: -120px -1px; }
.link-game.l-g-press-release-3 { background-position: -144px -1px; }
/*.link-game.l-g-play:hover { background-position: 0px -25px; }*/
/*.link-game.l-g-video:hover { background-position: -24px -25px; }*/
/*.link-game.l-g-html:hover { background-position: -48px -25px; }*/
/*.link-game.l-g-press-release:hover { background-position: -72px -25px; }*/
/*.link-game.l-g-press-release-1:hover { background-position: -96px -25px; }*/
/*.link-game.l-g-press-release-2:hover { background-position: -120px -25px; }*/

/* Индикатор комментариев менеджеров - синяя линия снизу */
.link-game.has-manager-comments { position: relative; }
.link-game.has-manager-comments::after {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 2px;
	right: 2px;
	height: 2px;
	background: #2196F3;
	border-radius: 1px;
}



.check-mark { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 24px; height: 24px; background: url(../img/icheckbox.png) -30px 0 no-repeat transparent; border: none; outline: none; }
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .check-mark { background-image: url(../img/icheckbox@2x.png); -webkit-background-size: 240px 30px; background-size: 240px 30px; }
}



.game-indicator { display: inline-block; width: 10px; height: 10px; margin: 0 5px 0 0; padding: 0; border-radius: 5px; vertical-align: top; position: relative; top: 7px; }
.game-indicator.lost { background-color: #f36d00; }
.game-indicator.draw { background-color: #ffcd00; }
.game-indicator.won { background-color: #00b111; }




.game { display: block; width: 100%; }
.game + .game { margin-top: 24px; }
.game .teams { padding: 6px 0 6px 40px; font-size: 18px; }
.game.with-score .teams { padding: 6px 0 6px 100px; }
.game .teams .score { font-weight: bold; }
.game .teams .team-logo { width: 32px; height: 32px; float: left; position: relative; left: -40px; top: 4px; margin-right: -40px; }
.game .rival { display: inline-block; width: 100%; }
.game .rival .rival-game { width: 33%; max-width: 200px; box-sizing: border-box; padding-right: 10px; float: left; }
.game .rival .rival-game .rival-game-name { font-size: 12px; line-height: 12px; min-height: 36px; margin: 6px 0; }
.game .actions { margin-top: 18px; }
.game a.main_team, .game-opponents a.main_team {font-weight: bold}

.team-profile .game.with-score .teams {padding-left: 0}

.game.wide { padding-left: 180px; padding-bottom: 24px; margin: 24px 0;box-sizing: border-box; position: relative; }
.game.wide .date { display: block; float: left; position: relative; left: -180px; margin-right: -180px; font-size: 18px; line-height: 36px; }
.game.wide .teams { padding: 0 0 6px 0; /*min-height: 72px;*/ width: 50%; }
.game.wide .teams .team-logo { left: -45px; margin-right: -45px; }
.game.wide .actions { margin: 0; position: absolute; left: 66%; top: 0; width: 34%; }

.team-profile .game.wide {padding-left: 0}
.team-profile .game.wide .date {float: none; position: relative; left: 0; margin-right: 0; }
.team-profile .game.wide .teams {width: auto}

.team-infrastructure table td {background: none}
.team-infrastructure table.personal-list td.title {font-size: 20px;vertical-align: middle}
.team-infrastructure .personal-ico {width: 46px;min-width:46px;height: 46px;float: left;margin-left: 1px}
.team-infrastructure .personal-ico.main {background-image: url('/img/infra/main-coach.png')}
.team-infrastructure .personal-ico.positional {background-image: url('/img/infra/position-coach.png')}
.team-infrastructure .personal-ico.scout {background-image: url('/img/infra/scout.png')}
.team-infrastructure .personal-ico.doctor {background-image: url('/img/infra/doctor.png')}
.team-infrastructure .personal-ico.phys {background-image: url('/img/infra/phys-coach.png')}
.team-infrastructure .personal-ico.psychologist {background-image: url('/img/infra/psychologist.png')}
.team-infrastructure .personal-ico.main {background-image: url('/img/infra/main-coach.png')}
.team-infrastructure .salary {width: 46px;min-width:46px;height: 46px;line-height: 46px; font-size: 15px; background-image: url('/img/gold.jpeg'); text-align: center; font-weight: bold; color: #FFF;}
.team-infrastructure .stadium .title {font-size: 20px;font-weight: bold}
.team-infrastructure .stadium .data {font-size: 20px;}

.game.wide + .game.wide { border-top: 1px solid #2f373b; padding-top: 24px; }
.game.wide + .game.wide .actions { top: 24px; }

.game.wide.with-radio { padding-left: 220px; }
.game.wide.with-radio .radio { display: block; float: left; position: relative; left: -220px; margin-right: -220px; width: 40px; line-height: 36px; }
.game.wide.with-radio .teams { width: 40%; }
.game.wide.with-radio .rival { margin: 0; position: absolute; left: 58%; top: 0; width: 42%; }
.game.wide + .game.wide.with-radio .rival { top: 24px; }

.game.wide.with-press-release { padding-left: 120px; padding-bottom: 0; display: inline-block; }
.game.wide.with-press-release .score { font-family: 'PT Serif' serif !important; font-weight: normal; font-size: 36px; line-height: 36px; width: 80px; float: left; position: relative; left: -120px; top: 2px; margin-right: -120px; }
.game.wide.with-press-release .teams { width: 40%; float: left; }
.game.wide.with-press-release > .link-game { float: left; margin-left: 15px; position: relative; top: 2px; }
.game.wide.with-press-release .press-release { margin: 0; float: right; width: 50%; position: relative; top: 2px; }
.game.wide.with-press-release .press-release form { margin: 0; }
.game.wide.with-press-release .press-release .counter-container { margin-top: 5px; }
.game.wide.with-press-release .press-release .counter { width:50px;height:30px;background-color: #FFF; border: #000 1px solid;float:right;line-height: 30px;text-align: center; font-weight: bold }
.game.wide.with-press-release .press-release .counter.less{ color: #F00 }
.game.wide + .game.wide.with-press-release { margin-top: 0; }


.label { display: inline-block; width: 96px; font-size: 18px; font-family: 'PT Sans', sans-serif; }


.table-cover { width: 100%; margin-top: 24px; margin-bottom: 0; position: relative; overflow: hidden; /*outline: 1px solid #2f373b;*/ }
.table-cover .cover { width: 100%; position: relative; z-index: 1; float: left; }
.table-cover .cover-gradient { /*background: url(../img/cover-gradient.png) left bottom repeat-x transparent;*/ position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; }
.table-cover h3 { position: absolute; z-index: 4; left: 20px; bottom: 10px; padding: 0; margin: 0; width: 60%; max-width: none; }
.table-cover .remark { position: absolute; z-index: 3; right: 20px; bottom: 10px; padding: 0; margin: 0; width: 35%; max-width: none; }


.hint { display: none; position: relative; width: 0px; height: 0px; float: right; }
.hint .hint-block { display: inline-block; position: absolute; z-index: 9999; left: 10px; top: -1px; background: #ffcd00; color: #000; padding: 7px 10px 7px 10px; font-size: 12px; line-height: 12px; text-align: left; white-space: nowrap; }
.hint .hint-block i { display: block; width: 6px; height: 12px; float: left; position: relative; left: -16px; top: 0; margin-right: -16px; background: url(../img/hint-arrow.png) 0 0 no-repeat; }
table.tiny .hint .hint-block { top: -7px; }
.hint.hint-left { float: left; }
.hint.hint-left .hint-block { right: 10px; left: auto; text-align: right; }
.hint.hint-left .hint-block i { float: right; left: auto; right: -16px; margin-left: -16px; margin-right: 0; background: url(../img/hint-arrow-left.png) 0 0 no-repeat; }
*:hover > .hint { display: block; }


.smile-menu { display: block; width: 21px; height: 21px; padding: 8px 7px 7px 8px; position: relative; }
.smile-link { display: block; width: 21px; height: 21px; background: url(../img/icon-smile.png) center center no-repeat; }
.smile-popup { display: none; width: 300px; box-sizing: border-box; padding: 30px; position: absolute; z-index: 9999; left: -132px; top: 35px; background: #202527; color: #fff; font-size: 12px; line-height: 18px; }
.smile-popup-arrow { float: left; position: relative; top: -36px; left: 114px; display: block; width: 13px; height: 6px; margin-bottom: -36px; background: url(../img/smile-popup-arrow.png) 0 0 no-repeat; }
.smile-popup-cross { display: block; width: 13px; height: 13px; float: right; position: relative; top: -17px; right: -17px; margin-bottom: -30px; background: url(../img/smile-popup-cross.png) 0 0 no-repeat; }
.smile-menu.active .smile-popup { display: block; }




.form-block { max-width: 480px; margin: 24px auto; }
.form-team-preview { padding: 0 0 0 140px; display: inline-block; }
.form-team-preview .team-logo { float: left; position: relative; left: -120px; margin-right: -120px; }
.form-team-preview h3 { margin-top: 20px !important; max-width: none !important; width: 100% !important; }
.form-team-preview p { margin-top: 0 !important; max-width: none !important; width: 100% !important; }
.form-manager-preview { text-align: center; width: 100%; padding: 0 0 24px 0; }
.form-manager-preview .avatar { width: 100px; height: 100px; border-radius: 50px; }
.form-manager-preview h3 { max-width: none !important; width: 100% !important; text-align: center; font-weight: 400 !important; }
.form-manager-preview p { max-width: none !important; width: 100% !important; text-align: center; margin-top: 0 !important; }
.register-select-team a {font-size: 30px;text-align: center}

.separate-input-form label,
.separate-input-form-view label {  display: block; position: inherit; height: auto; margin: 0; font-weight: bold} /* переопределяются свойства главного label */
.separate-input-form .element-row,
.separate-input-form-view .element-row { margin: 10px 0 }

.form-commercial-registration table {margin: 5px 0}



.popup-wrap { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999999; background: rgba(32,37,39,0.95); }
.popup-wrap.active { display: block; }
.popup { display: none; position: absolute; top: 100px; left: 50%; background: #424b50; width: 420px; box-sizing: border-box; margin-left: -210px; }
.popup.active { display: block; }
.popup-frame { position: relative; padding: 40px; }
.popup-cross { width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; background: url(../img/popup-cross.png) center center no-repeat; }

.info-unit {margin: 20px 5px 5px 5px; background: rgba(255, 255, 255, 0.7);border: rgba(14, 61, 89, 0.95) 1px solid;/* overflow-x: scroll*/}
.info-unit > header {background: #d4eaf7; font-size: 18px; padding: 10px; font-weight: bold; cursor: pointer;}
.info-unit > .data {padding: 10px;}

table.nice-form td {background: none; font-size: 18px;line-height: 40px;}

.remember_me {margin: 0 0 15px 0}
.remember_me span {left: 35px; top: 30px;}

.clarifying-menu,
.clarifying-menu select,
.clarifying-menu input {font-size: 18px; padding: 5px 0}
/*table.nice-form td.text {background: none; font-size: 14px;}*/
/*table.nice-form td {background: none}*/

.stars {background-image: url('../img/stars.png'); display: inline-block; width: 118px; height: 20px}
.stars.stars50 {background-position: 0 0;}
.stars.stars45 {background-position: 0 -24px;}
.stars.stars40 {background-position: 0 -48px;}
.stars.stars35 {background-position: 0 -72px;}
.stars.stars30 {background-position: 0 -96px;}
.stars.stars25 {background-position: 0 -120px;}
.stars.stars20 {background-position: 0 -144px;}
.stars.stars15 {background-position: 0 -168px;}
.stars.stars10 {background-position: 0 -192px;}
.stars.stars05 {background-position: 0 -216px;}
.stars.stars00 {background-position: 0 -240px;}

p.menu a{font-size:18px}
p.menu a.active{font-weight:bold}

.attention {font-family: 'PT Sans', sans-serif !important;font-size: 24px;line-height: 28px;color: #001534;font-weight: 500;margin: 12px 0;padding: 0;}

/* Country Flags (flag-icons library) */
.fi {
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    top: -1px;  /* Точная подстройка вертикального выравнивания */
}

/* Larger flag variant for roster and profiles */
.fi.fi-large {
    width: 32px;
    height: 24px;
}

/* Small flag variant for lists */
.fi.fi-small {
    width: 20px;
    height: 13px;
}

/* Центрирование флагов в таблицах */
table td .fi {
    vertical-align: middle;
    position: relative;
    top: 0;
    display: table;  /* Для работы margin auto */
    margin-left: auto;
    margin-right: auto;
}

/* Специально для таблицы roster */
.roster td .fi,
table.roster td .fi {
    vertical-align: middle;
    top: -1px;
    display: table;  /* Для работы margin auto */
    margin-left: auto;
    margin-right: auto;
}

/* Для roster таблицы - центрируем содержимое ячеек с флагами */
.roster td:nth-child(4) {
    text-align: center;
}

/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    .fi {
        vertical-align: middle;
        top: 0;
    }

    table td .fi {
        top: 0;
    }
}