/* CSS Document */
#ad_header{float:right;width:728px;height:90px;z-index:0;overflow:hidden;margin-top:15px}
#ad_sidebar{margin-bottom:20px;padding-left:2px;height:250px}

/* VF CSS */
#tabs,#tabs2{display:block;margin:0 !important;width:694px;overflow:hidden;white-space:nowrap;margin-bottom:15px}
#tabs li,#tabs li{display:inline-block;}

#choice{position:fixed;bottom:0}
#choice-links,.actions{width:600px;left:50%;margin-left:-300px;border-radius:10px 10px 0 0;box-shadow:0 0 20px #000;border:none;padding:7px 7px 38px 7px;margin-bottom:0}
.actions{bottom:0;background:#FFF;position:fixed;z-index:3;box-sizing:border-box;}
/*#choice a:first-child{border-radius:6px 6px 0 0}
#choice a:last-child{border-radius:0 0 6px 6px}
#choice-links{width:500px;left:50%;margin-left:-250px;background:#FFF;box-shadow:0 0 20px 5px #FFF;border-radius:6px;padding:15px 15px 45px 15px;}*/
/*.actions a{text-shadow:0 -1px 1px #FFF;display:inline-block;padding:0 20px 0 0;margin:1px 11px 1px 0;background:url(theme2010/actionlink.png) no-repeat right center;font-weight:bold;color:#2B498F;}
.actions{margin:0 3px 15px 3px;padding:5px;border:1px solid #2B498F;border-radius:8px}*/

/* Theme */
body{
background-image:linear-gradient(#ffffff30,#00000030),url(bg.jpg);
/*background-image:linear-gradient(#ffffff10,#0D22FF20),url(aja.jpg);*/
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
margin:0;padding:40px 0 0 0;color:#555;cursor:default;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
scroll-behavior:smooth;
}

body:not(.no-transparency)>div{opacity:.9}

html{overflow-y:scroll;}

#navbar .group a{color:#FFF;text-transform:none;margin:0;padding:0 15px;font-size:13px;font-weight:bold;line-height:30px;display:block;text-align:left;overflow:hidden;white-space:nowrap;}
#navbar .group a:hover{background:#FFF;color:#0D225A;text-shadow:none}
.menu_header{height:20px;color:#FFF;padding-top:7px;background:url(theme2010/menu.png) no-repeat;padding-left:26px; font-weight:bold}
.menu_content{border:1px solid #BBB;border-top-width:0;margin-bottom:10px;padding:8px 8px 8px 10px;border-radius:0 0 4px 4px}
.menu_content:hover{border-color:#41824B}
.menu_content a{height:14px}.menu_content .noblock{padding-left:0;display:inline}
.menu_content div.menu_mg{padding-left:10px}
.menu-home{width:46px !important;padding-left:5px;}
.menu-logout{width:46px !important;font-size:21px;border-width:0 !important}


/* left menu 2019 */
#menu-left{position:fixed;z-index:2;top:0;left:0;bottom:0;overflow:hidden scroll;overflow:-moz-scrollbars-none;scrollbar-width:none;background:rgba(0,0,0,.4);padding:50px 0;width:50px;transition:width .3s;overflow-x:hidden;overflow-y:scroll;}
#menu-left-inner,#menu-left:hover{width:260px;}
#menu-left .menu-link{padding-left:0;font-size:15px}
#menu-left .menu-link .fas{font-size:20px;width:50px;margin:0 10px 0 0}
#menu-left .menu-link:hover{color:#FFF;background:rgba(255,255,255,.2);}

.container_full>.container{width:1008px;overflow:initial !important;margin:auto auto 90px auto;padding:0 50px}
.cols_container{background-image:url(theme2010/cols.png);clear:both;}
.cols{width:992px;margin:auto;}
#header{background:url(logo.png) no-repeat 0 30px;height:140px;-webkit-filter:drop-shadow(0 0 4px #FFF);}
body.public #header{background:none}

#bottombar,#topbar{position:fixed;width:100%;background:#FFF;left:0;z-index:3;box-shadow:0 0 20px rgba(0,0,0,0.8)}
#bottombar{bottom:0;height:17px;padding-top:2px}
#loading{background:url(loading2.gif) center no-repeat;opacity:0;transition:opacity .3s}

body.with-loader #loading{opacity:1}
#topbar .fas{ font-size:16px;}

#bottombar>div,#topbar>div{width:1008px;margin:0 auto}

#topbar_block{width:290px;height:112px;background:url(theme2010/topbar_block.png) center bottom no-repeat;position:absolute;margin:6px 0 0 -39px}
#topbar .menu,#bottombar .menu{float:right;list-style:none}
#topbar .menu{margin-top:12px}
#topbar .menu li,#bottombar .menu li{float:left;padding:0 6px;border-right:1px solid #555}
#topbar .menu li:last-child,#bottombar .menu li:last-child{border-right:none;padding-right:0}

#topbar{padding:0 0 5px 0;top:0;left:0;height:35px;text-align:center;min-width:1100px}
#navbar{height:35px;border-radius:0 0 8px 8px;width:1014px;display:inline-block}
#navbar,#topbar .before,#topbar .after,#navbar .group{
background:linear-gradient(top, #5D8BEB 0%, #0D225A 100%);
background:-ms-linear-gradient(top, #5D8BEB 0%, #0D225A 100%);
background:-o-linear-gradient(top, #5D8BEB 0%, #0D225A 100%);
background:-moz-linear-gradient(top, #5D8BEB 0%, #0D225A 100%);
background:-webkit-linear-gradient(top, #5D8BEB 0%, #0D225A 100%);}

#topbar .before,#topbar .after{display:inline-block;width:30px;height:35px}

#topbar .before:before,#topbar .after:before{content:'';display:block;width:100%;height:100%;background:#FFF}

#topbar .before:before{border-radius:0 20px 0 0}
#topbar .after:before{border-radius:20px 0 0 0}

#navbar .mainlink{color:#FFF;float:left;height:35px;line-height:35px;width:182px;text-transform:uppercase;border-right-width:1px;border-right-style:solid;border-right-color:#FFF;font-size:14px;font-weight:bold;display:block;min-height:27px;text-shadow:0 1px 1px #000;text-align:center;cursor:pointer}
#navbar .menutitle:hover{background:linear-gradient(#72C780,#276130);}

#navbar .mainlink:hover .group{display:block}
#navbar .fa{margin-right:7px;}

#navbar .group{display:none;position:absolute;z-index:2;font-size:12px;border:1px solid #FFF;width:182px;opacity:0.8;padding:5px 0;border-radius:0 0 5px 5px;margin:0 0 0 -1px;
border-top:5px solid #FFF;
box-shadow:0 1px 3px #000;}

.unit{background:#F0F0F0;padding:var(--space);margin-bottom:20px;border-radius:5px;box-shadow:#000 0 0 15px 0;overflow:hidden}
div#content{float:left;width:676px;padding:var(--space);min-height:361px;}
#sidebar{float:right;width:300px}

a.block:hover{color:inherit}
.block tr:first-child th:first-child{border-top-left-radius:5px}
.block tr:first-child th:last-child{border-top-right-radius:5px}
.th,.block table{border-radius:5px}

.ca td,.ca th{padding:0 3px;box-sizing:content-box}
.ca td:first-child,.ca th:first-child{padding-left:10px}
.ca td:last-child,.ca th:last-child,.ca td.last{padding-right:10px}

/*a:hover,.desktop .a:hover,.desktop label:hover{color:#FA9932;transition:all 100ms}*/

.select-rows{width:320px !important;}

/* VF Panel */
#vftime{position:absolute;font-size:18px;font-weight:bold;margin-top:-40px;width:284px;text-align:right;text-shadow:0 1px 1px #000;color:#FFF}
.vftime-icon{position:absolute;margin:-37px 0 0 190px;font-size:20px !important;}
/*#vfpanel{display:none;background:url(theme2010/vfpanel_bg.png) no-repeat center;padding:8px 9px 0 9px;height:146px;background-size:102%}
#vfpanel *{font-weight:bold;color:#FFF;text-shadow:0 0 1px #000 ;white-space:nowrap;}
#vfpanel a:active{transform:translate3d(1px,1px,0)}
#vfpanel_avatar{display:inline-block;width:110px;height:110px}
#vfpanel_links{display:inline-block;vertical-align:top;width:150px;overflow:hidden;margin-left:10px}
#vfpanel_links a{overflow:hidden;display:block;width:180px;line-height:17px;}
#vfpanel h2{font-size:15px;border-bottom:2px solid #30509A;overflow:hidden;margin-bottom:3px}
#vfpanel .group{position:absolute;z-index:1;background:#FFF;font-size:12px;border:1px solid #178428;width:160px;opacity:0.85;padding:5px 0 5px 0;-moz-border-radius:6px;border-radius:6px;margin:0}
#vfpanel_toolbar{-moz-border-radius:5px;border-radius:5px;background:#A1B6E0;padding:2px 5px;margin-top:2px}
#vfpanel_toolbar input[type=text]{width:148px;border-color:#30509A;color:#32539E;height:18px;padding:0;vertical-align:top;font-size:12px;text-shadow:none;margin:0 4px;border-radius:12px;box-sizing:border-box;padding-left:21px}
#vfpanel_toolbar input[type=image]{border-width:0;margin-right:22px}
#vfpanel_toolbar .fas {color:#2d4c91;margin:0 6px;text-shadow:0 0 1px #FFF;}
#vfpanel_toolbar .fas:active{color:#FA880B;text-shadow:none}
#vfpanel_toolbar .fa-search{position:absolute;margin:3px 0 0 10px;}

#vfpanel input{border-radius:0;-moz-border-radius:0;font-weight:normal;margin-top:2px}
#vfpanel .icon{display:inline-block;width:16px;height:16px;background-image:url(vfpanel_icons.png);vertical-align:middle;margin:2px 4px;cursor:pointer}
#vfpanel form a{color:#32539E;font-size:20px;font-weight:bold;margin:-5px 0 0 -19px;position:absolute}
.sp1{background-position:0 -16px}.sp2{background-position:0 -32px}.sp3{background-position:0 -48px}.sp4{background-position:0 -64px}.sp5{background-position:0 -80px}.sp6{background-position:0 -96px}.sp7{background-position:0 -112px}.sp8{background-position:0 -128px}.sp9{background-position:0 -144px}.sp10{background-position:0 -160px}.sp11{background-position:0 -192px}.sp12{background-position:0 -208px}*/


/*#vfpanel2{cursor:pointer;display:none;opacity:0;transition:all 2s}
#vfpanel2 h1{font-size:22px;line-height:32px;}
#vfpanel2 #vfpanel-search{padding-left:45px}
*/

#vfpanel-container{display:none;background:linear-gradient(#559E60,#2B498F); padding:0;font-size:15px}
#vfpanel-container a:hover{background-color:rgba(255,255,255,.2);color:#FFF}
#menu-search{width:100%;box-sizing:border-box;margin:0;padding-left:45px}
#vfpanel-container form{padding:10px}
#vfpanel-container .fas{cursor:pointer;color:#FFF}
#vfpanel-container .fa-search{position:absolute;margin:7px 25px}
#vfpanel-container .fa-bookmark{position:absolute;margin:7px 8px}
.menu-icon{padding:5px 0}
.menu-link{line-height:34px;}


#tactique_titlist{height:243px;background-image:url(tactique.jpg);background-position:center;background-repeat:no-repeat;padding-top:3px;}
#tactique_titlist table{width:auto !important}

.ajax_state{position:absolute;top:170px;color:#555;padding-right:18px}
/*.headerclub{background-image:url(headerclub.png);height:48px;text-align:center;width:674px;font-weight:bold;margin:0 auto 15px auto;line-height:46px}*/
.copyright{text-align:center;font-size:10px;padding-bottom:65px;clear:both;color:#FFF;clear:both}.copyright a{color:#FFF}

/* Content */
#tactique-field,#tactique-list{width:50%;float:left;transform-origin:top left;}
#tactique-list{margin-left:10px;width:348px;}

.tactique-field{background-image:url(tactique2.jpg);height:440px;background-size:contain;background-position:0 6px;transform: scale(.97);}
.tactique-cell{margin-top:20px}
.tactique-player{height:35px}
.tactique-number{font-size:18px;padding-left:4px}
.tactique-poste{top:4px;font-size:12px}

#club-field{margin:auto;width:52%;float:none;}

#match-field-0,#match-field-1{width:348px;margin:auto}

.sidebar-unit{text-align:center;}
.sidebar-unit h2{font-size:24px;font-weight:bold}
.sidebar-app-img{float:right;width:100px;margin-left:10px}
.sidebar-app-store{width:160px;margin-top:2px}

#minichat{width:400px;position:fixed;z-index:2;right:20px;bottom:19px;background:#FFF;border-bottom:none;padding:6px;border-radius:7px 7px 0 0;box-shadow:0 0 10px #000}
#minichat_text{height:500px;overflow:scroll;}
#minichat .th a{color:#FFF;}
.match-label{width:384px;margin:auto}

div[class^=app_gdpr]{opacity:1}

.match-comments{width: 380px;margin:auto;}
.match-2d-iframe,.match-2d-layer{width:400px;aspect-ratio:800/534;padding-top:0}
.match-2d-layer i{margin-top:113px}

#scrollable>div>.match-2d-iframe,#scrollable>div>.match-2d-layer{width: calc(100% + 2* var(--space));}

.tabs-container{margin-top:calc(-1 * var(--space));}
