﻿.box-head, .box-head { background: #e2e2e2; padding: 6px; }
.box-head h2, .box-head h2 { font-size: 16px; }
.box-content { padding: 2px; margin-bottom: 10px; border: 1px solid buttonshadow; }
.box-margin-content { padding: 13px 2px 2px; text-align: right; font-weight: bold; font-size: 11px; float: left; }
.box-sbet-content { display: inline-block; height: 21px; width: 60px; padding: 22px 5px 2px 2px; font-weight: bold; float: left; color: #33393E; }
.box-margin-content-noheader, .box-sbet-content-noheader { padding: 0px 2px 2px; margin-bottom: 10px; text-align: right; font-weight: bold; }
.box-head ul li { float: left; list-style: none;}
.box-sbet-content input { width: 45px; height: 20px; text-align: right; padding-right: 2px; padding-left: 2px; font-size: 0.9em; }
#menu.box-head { background-image: url("/Areas/Admin/Content/images/mainmenu-bg.png"); height: 20px; width: 100%; }
.grid_12 { width: 99%; }
.grid_8 .box-content { /*border:1px solid buttonshadow;*/ border: 0; margin-bottom: 10px; padding: 0; }
.matchodds input { }
.matchodds input.error, .matchodds input.error-odd { color: #fff!important; background-color:#d9534f!important; border-color: #d9534f!important; }
.matchodds input.warning { color: #fff!important; background-color:#f0ad4e!important; border-color: #f0ad4e!important; }
.box-head-matchodds { padding-left: 3px; padding-bottom: 3px; font-size: 10px; color: #404040; }
.box-grid-odds { float: left; padding-right: 3px; }
.matchodds { padding: 2px; margin-bottom: 0px; border: 0px; color: #999; }
.box-head ul li a { padding: 2px 15px 10px 10px; /* padding: 2px 5px 10px; */ text-decoration: none; color: #FFF; margin-left: 5px; position: relative; font-size: 11px; }
.box-head ul li ul li a:hover { color: #3384b9; margin-top: 5px; background-position: center 22px; background-repeat: no-repeat; }
.submenu li a { position: relative; }
.submenu li { margin-top: 4px; }
.box-head ul li ul li a { color: #9d9d9d; }
.box-head ul li ul { display: none; margin-top: 27px; font-size: 11px; position: relative; }
.box-head ul li:hover ul { display: block; position: absolute; top: 47px; left: 7px; width: 99%; height: 29px; }
.grid_12 .box-content { height: 25px; /* background-color: Silver;   */ }
.grid_12 .matchodds, .matchodds { height: 25px; /* background-color: Silver;   */ }
.grid_12 .submenu-content { height: 25px; width: 100%; }
.submenu-content { padding: 2px 6px; margin-bottom: 10px; /*border: 1px solid buttonshadow;*/ }
.logout { float: right !important; }
.logout_text { position: relative; top: -17px; background-image: none !important; display: inline !important; color: #7D828A; padding: 0 !important; }
.version-text { font-size: 10px; }
.separator { position: relative; right: 5px; }
.logout_icon { position: relative; top: 3px; cursor: pointer; }
/*** 960 Grid System ~ Core CSS.	Learn more ~ http://960.gs/	Licensed under GPL and MIT. ***/
/*** Containers ***/
.container_12,.container_16 { /* min-width: 1000px;*/ /*width: 96%;	margin-left: 2%;margin-right: 2%; */ }
/*** Grid >> Global ***/
.grid,.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 { display: inline; /*float: left; margin-left: 1%;  margin-right: 1%; margin-top: 2px; */}
.container_12 .grid_3,.container_16 .grid_4 { width: 23%; }
.container_12 .grid_6,.container_16 .grid_8 { width: 48%; }
.container_12 .grid_9,.container_16 .grid_12 { width: 73%; }
.container_12 .grid_12,.container_16 .grid_16 { width: 100%; }
.container_12 .grid, .grid { width: 60px; }
.box.grid.margin { width: 50px; }
.tournament-list { display: flex; flex-wrap: wrap;}
.tournament-item { width: 50%; box-sizing: border-box; display: flex; align-items: center; padding: 5px; }
.tournament-item input[type="checkbox"] { flex-shrink: 0; margin-right: 10px; }
.tournament-item label { flex-grow: 1; word-wrap: break-word; overflow-wrap: break-word;}
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/*** Grid >> 12 Columns ***/
.container_12 .grid_1 { width: 6.333%; }
.container_12 .grid_2 { width: 14.666%; }
.container_12 .grid_4 { width: 31.333%; }
.container_12 .grid_5 { width: 39.666%; }
.container_12 .grid_7 { width: 56.333%; }
.container_12 .grid_8 { width: 64.666%; }
#oddsgrid8.grid_8 { width: auto !important; margin-left: 10px; }
.container_12 .grid_10 { width: 81.333%; }
.container_12 .grid_11 { width: 89.666%; }
/*** Grid >> 16 Columns ***/
.container_16 .grid_1 { width: 4.25%; }
.container_16 .grid_2 { width: 10.5%; }
.container_16 .grid_3 { width: 16.75%; }
.container_16 .grid_5 { width: 29.25%; }
.container_16 .grid_6 { width: 35.5%; }
.container_16 .grid_7 { width: 41.75%; }
.container_16 .grid_9 { width: 54.25%; }
.container_16 .grid_10 { width: 60.5%; }
.container_16 .grid_11 { width: 66.75%; }
.container_16 .grid_13 { width: 79.25%; }
.container_16 .grid_14 { width: 85.5%; }
.container_16 .grid_15 { width: 91.75%; }
/*** Clear Floated Elements ***/
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.circle { display: inline-block; width: 200px; height: 200px; }
.outer-circle { background: transparent; width: 180px; height: 180px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 1px solid #aaaaaa; position: absolute; z-index: 800; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.outer-circle.hover { -moz-transform: scale(1.45); -webkit-transform: scale(1.45); transform: scale(1.45); }
.middle-circle {   margin: 1px; width: 180px; height: 180px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; /* Set the background gradient */ background: #ececec; /* Old browsers */ background: -moz-linear-gradient(top, #ececec 0%, #d8d8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ececec 0%,#d8d8d8 100%); position: absolute; z-index: 900; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.middle-circle.hover { -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); }
.inner-circle { margin: 80px; background: #3f96d1; width: 20px; height: 20px; font-size: 11px; color: #FFF; line-height: 96px; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: inset 0px 1px 1px 0px #575757; -moz-box-shadow: inset 0px 1px 1px 0px #575757; box-shadow: inset 0px 1px 1px 0px #575757;border-bottom: 1px solid #FFF; position: absolute; z-index: 1000; }