#iddaa { font-family: 'Roboto Condensed', sans-serif; width: 996px; margin-top: 10px; }

.box > .row { margin-left: 0px; margin-right: 0px; }

.row > div { padding-left: 6px; padding-right: 6px; }

.nav-iddaa 					{ font-size: 13px; text-align: center; font-weight: 700; background: #fff; border-bottom: 1px solid #a7a7a7; margin-bottom: 8px; }
.nav-iddaa > li 			{ width: 10%; margin-left:0!important; }
.nav-iddaa > li.active > a,
.nav-iddaa > li.active > a:active,
.nav-iddaa > li.active > a:hover	{ background: transparent; color: #e24301; }
.nav-iddaa > li > a 		{ padding: 8px 0px; border-radius: 0px; color: #a7a7a7; }
.nav-iddaa > li img 		{ display: block; margin: 4px auto; width: 24px; height: 24px; }

.g-type > .btn 			{ background: #242424; color: #fff!important; letter-spacing: 1px; font-weight: 700; }
.g-type > .btn.active	{ background: #4a4a4a }

.g-select > .btn 		{ background: #e7e7e7; letter-spacing: .5px; padding: 6px 4px; box-shadow: none; color: #222; }
.g-select > .btn.active	{ background: #fff }

.row-matches  { background: #f5f5f5; }

.m-head { text-align: center; }
.m-head > div { margin: 4px 0; }
.m-head > div > h5 { background: #24303c; display: inline-block; margin: 0 auto; padding: 4px; color: #fff; border-radius: 4px; }

.m-row 				{ padding-left: 0px!important; padding-right: 0px!important; }
.m-row > div 		{ margin-bottom: 2px !important; height: 40px; }

.m-row > div > div { display: table; width: 100%; }

.m-info 				{ background: #fff; }
.m-info > div 			{ display: table-cell; text-align: center; width: 10%; height: 40px; position: relative; vertical-align: middle; }
.m-info > div.m-label 	{ width: 8%; }
.m-info > div.m-team 	{ width: 50%; text-align: left;  /*font-size: 13px; font-weight: 700; color: #E34600; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */}
.m-info > div.m-icon 	{ text-align: right; padding-right: 2px; }
.m-info > div > small 	{ position: absolute; top: 0px; left:0; right: 0; font-size: 10px; font-weight: 700; }

.m-info > div.m-team > b 	{ display: block; width: 75px; min-width: 100%; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; font-weight: 400; color: #E34600; margin: 0 5px; }
.m-info > div.m-team a 		{ color: #242424; }

.m-odds > span 			{ position: relative; display: block; width: 34px; height: 41px; margin-left: 1px; padding: 17px 0  1px 0; float: left; text-align: center; border: 1px solid #e0e0e0; background: #fff; }
.m-odds > span > small 	{ position: absolute; top: 0px; left:0; right: 0; font-size: 10px; font-weight: 700; }

.m-other { cursor:pointer; }

.label-success { margin-bottom: 0px; background: #007738; padding: 1px 6px; color: #fff; border-radius: 4px; font-size: 13px; }

.table-odd 													{ margin-top: 4px; text-align: center; margin-bottom: 0px; }
.table-odd > thead > tr > td								{ background: #eceaeb; border-top-left-radius: 5px!important; border-top-right-radius: 5px!important; font-family: 'Roboto Condensed', sans-serif; }

.table-odd > tbody > tr 									{ background: #fff; }
.table-odd > tbody > tr > td 								{ padding: 4px!important; font-family: 'Roboto Condensed', sans-serif; }
.table-odd > tbody > tr:nth-of-type(even) > td 				{ border: 1px solid #f0f4f7; border-top:0px; }
.table-odd > tbody > tr:nth-of-type(even) > td:first-child 	{ border-left: 0px; }
.table-odd > tbody > tr:nth-of-type(even) > td:last-child 	{ border-right: 0px; }

.col-odds 		{ height: auto!important; background: #eee; }
.col-odds > div { display: block!important; }

.fm-search 			{ position: relative; margin-bottom: 4px; }
.fm-search:after 	{ content: '\f002'; font-family: 'FontAwesome'; font-size: 15px; position: absolute; right: 8px; top: 6px; }


.box { margin-top: 0px; }
.box .box-title > h4 { padding: 10px 15px; font-size: 18px; letter-spacing: .5px; background: #E34600; color: #fff; }

.page-header { background: #E34600; color: #fff; margin: 0px; padding: 10px 15px; font-size: 21px;  }


.table-coupon 					{ margin-bottom: 0px; }
.table-coupon > thead > tr > td { font-family: 'Roboto Condensed', sans-serif; background: #E34600; font-size: 16px; font-weight: 700; color: #fff; text-align: center; border-top-left-radius: 8px!important; border-top-right-radius: 8px!important; }
.table-coupon > tbody 			{ background: #fff; }
.table-coupon > tbody > tr > td { font-family: 'Roboto Condensed', sans-serif; font-size: 13px; padding: 4px!important; vertical-align: middle!important; border-top: 0px !important; }
.table-coupon > tfoot 			{ background: #eee; text-align: right; }
.table-coupon tr > td a { color: #222 !important; }
.table-coupon td > .fa-check { color: #007738; }
.table-coupon td > .fa-times { color: #D40F2D; }

.td-code, .td-bet, .td-odd { text-align: center; }
.td-code > span { display: inline-block; padding: 0px 6px; font-weight: 700; color: #000; border-right: 2px solid #E34600; }
.td-bet > span 	{ display: inline-block; background: #E34600; width: 50px; padding: 4px 0; border-radius: 8px; color: #fff; text-align: center; text-transform: uppercase; font-size: 13px; }
.td-odd 		{ font-weight: 700; }

.c-modal > thead > tr > td 	{ background: #f8f8f8; font-size: 13px!important; color: #000; border-radius: 0px; }
.c-modal > tbody > tr > td 	{ font-size: 13px !important; }
.c-modal .td-bet > span 	{ width: 45px; font-size: 11px; }

.most-matches .media { background: #fff; padding: 10px 4px; border-bottom: 1px solid #E34600; margin-top: 0px; }

.most-matches .media-left 			{ vertical-align: middle!important; padding: 0px; }
.most-matches .media-left > b 		{ display: block; width: 50px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 700; border: 1px solid #cdcdcd; color: #cdcdcd; border-radius: 50%; text-align: center; }
.most-matches .media-body 			{ text-align: center; }
.most-matches .media-body > span 	{ display: inline-block; background: #E34600; padding: 4px 8px; margin: 0 1px; color: #fff; font-size: 13px; font-weight: 700; border-radius: 8px; }

.most-matches .media-heading 		{ line-height: 25px; margin-bottom: 8px; }
.most-matches .media-heading > span { border-radius: 50%; background: #ffcc01; }

.most-matches .mfoot { background: #eee; font-size: 13px; padding: 4px 8px; color: #4a4a4a; }

.writers .media 			{ background: #fff; padding: 10px 4px; border-bottom: 2px solid #eee; margin-top: 0px; }
.writers .media-left 		{ vertical-align: middle!important; }
.writers .media-object  	{ border-radius: 50%; margin: 0 auto; }
.writers .media-body p 		{ margin-bottom: 0!important; }
.writers .media-heading 	{ font-size: 15px; font-weight: 300; }
.writers a 					{ color: #4a4a4a; }

.w-row { font-family: 'Roboto Condensed', sans-serif; background: #3d3d3d; }

.w-img 		{ float: left; width: 60px; height: 60px; padding: 1px; position: absolute; left: 6px; top: 17px; }
.w-title 	{ margin: 29px 0 0 72px; height: 60px; font-size: 24px; font-weight: 300; color: #fff; vertical-align: middle; }

.w-code, .w-bet 			{ display: inline-block; position: relative; z-index: 2; padding: 6px 12px; margin: 3px -6px 0px 0px; background: #ababab; font-size: 21px; font-weight: 700; text-align: right; color: #3e3e3e; }
.w-code:after, .w-bet:after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: #ababab; transform-origin: top right; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); }

.w-bet > small { font-size: 13px; font-weight: 300; }

.c-title { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 8px 0 ; }
.c-title > b { font-size: 18px; font-weight: 300; }
.c-date { font-size: 18px; font-weight: 300; color: #fff; margin: 0;}

.c-text a{ font-size: 15px; color: #4a4a4a; }

.c-viewport 		{ position: relative; z-index: 10;  padding: 4px 0; height: 82px; overflow: hidden; background: #d8d8d8; }
.c-viewport-inner 	{ width: 100%; height: 82px; overflow: hidden; }

.c-odd-cell 		{ float: left; width: fit-content; margin-left: 5px; margin-right: 5px; }
.c-odd-cell > span 	{ display: block; font-size: 15px; font-weight: 700; }

.c-odd-cell.active { background: #fff; color: #757575; border-radius: 4px; }

.m-writer { background: #fff; border: 1px solid #eee; margin-top: 2px; }
.m-writer > div { vertical-align: middle; padding: 12px 8px; }

.m-writer .media-left, .m-writer .media-right { font-size: 18px; font-weight: 700; }
.m-writer .media-body a 	{ font-size: 15px; color: #4a4a4a; }
.m-writer .media-heading 	{ font-size: 15px; font-weight: 700; }

.m-writer-title { background: #eee; padding: 10px 15px; font-size: 15px; font-weight: 700; color: #4a4a4a; margin-bottom: 2px; }

.flickity-prev-next-button{border-radius:0!important;background:0 0!important;opacity:.5!important}.flickity-prev-next-button.next{right:-10px!important}.flickity-prev-next-button.previous{left:-10px!important}.flickity-prev-next-button .arrow{fill:#fff!important}.flickity-prev-next-button:hover{opacity:1!important}

.m-comment { background: #fff; padding: 10px 15px; }
.m-comment > p { margin-bottom: 10px; }

.matchSurvey 		{ display: table; width: 100%; background: #18AA52; padding: 10px 15px; margin-bottom: 10px; }
.matchSurvey > h5 	{ font-size: 24px; font-weight: 700; text-align: center; letter-spacing: .5px; }

.matchSurvey .buttons { text-align: center; }

.matchSurvey .btn { background: #fff; border-radius: 0px; margin: 15px 4px; padding: 10px 30px; font-size: 15px; font-weight: 700; }
.matchSurvey .btn:hover,
.matchSurvey .btn:active { background: #0f7b27; color: #fff; }


.matchSurvey .progress 				{ height: 30px; margin-bottom: 8px; font-weight: 700; }
.matchSurvey .progress-bar 			{ background: #000; line-height: 30px; text-align: left; position: relative; }
.matchSurvey .progress-bar > span 	{ position: absolute; left: 5px; color: #74d002; width: 130px; }

.matchSurvey .results { margin-top: 20px; }

.table-tk { background: #fff; font-family: 'Roboto Condensed'; }

.table-tk .date { text-align: center; font-size: 11px; font-weight: bold; }
.table-tk .link { text-align: center; }
.table-tk .link > span { display: block; cursor: pointer; color: #1f601f; }
.table-tk .link > span:before { content: '\f002'; font-family: 'FontAwesome'; margin-right: 4px;  }

.table-tk tr > td { vertical-align: middle !important; font-weight: 400; font-size: 15px; border-top: 0px!important; }

.form-tk 				{ padding: 8px; }
.form-tk .form-control 	{ display: inline-block; width: auto; margin: 0 4px; border-radius: 0px; box-shadow: none; }

.w-match {margin: 8px 0 0 0; font-size: 24px; font-weight: 700; color: #fff; overflow: hidden; text-align: center; }

.w-date 			{ display: inline-block; padding: 4px; font-size: 13px; color: #fff; }
.w-date > span 		{ font-size: 15px; }
.w-date:first-child { padding-left: 0px; }

.tab-content .active { color: #000!important; }
.tab-content .active > i { margin: 8px auto; text-align: center; }

.w-squads 			{  }
.w-squads tr > td 	{ padding: 4px !important; border-top: 0px !important; vertical-align: middle!important; font-weight: 400 !important; }

.ws-title 	{ background: #E34600 !important; color: #fff; text-align: center; }
.ws-number 	{ text-align: center;}

.w-h2h { border: 1px solid #e34600; }
.w-h2h .tab-content {  }
.w-h2h table 			{ margin-bottom: 0px; }
.w-h2h table tr > td 	{ padding: 4px !important; border-top: 0px !important; vertical-align: middle!important; font-weight: 400 !important; text-align: center; }

.w-h2h .team { text-align: left; }

.w-h2h .nav-tabs 			{ background: #E34600; color: #fff; }
.w-h2h .nav-tabs > li > a 	{ font-size: 13px; font-weight: 700; color: #fff; padding: 4px 8px; border-radius: 0px; border: 0px; }
.w-h2h .nav-tabs > li.active{ border-radius: 0px; }
.w-h2h .nav-tabs > li.active > a,
.w-h2h .nav-tabs > li.active > a:focus,
.w-h2h .nav-tabs > li.active > a:hover { color: #000; border: 0px; border-radius: 0px; }

.iddaa-match-tabs 				{ background: #fff; border-bottom: 2px solid #E34600; }
.iddaa-match-tabs li 			{ margin-bottom: -2px; }
.iddaa-match-tabs li > a 		{ font-family: 'Roboto Condensed'; font-size: 15px; font-weight: 700; color: #E34600; }

.iddaa-match-tabs li.active > a,
.iddaa-match-tabs li.active > a:hover,
.iddaa-match-tabs li.active > a:focus,
.iddaa-match-tabs li > a:hover,
.iddaa-match-tabs li > a:focus  { background: #E34600; color: #fff; border: 0px; border-radius: 0px; }

.b-row > div { margin-bottom: 6px; }

.f-slider 		{ text-align: center; margin: 10px auto; }
.f-slider > b 	{ display: inline-block; padding: 4px 8px; margin: 0 8px; }

.odd-min,.odd-plus { position: relative; cursor: pointer; }

.odd-min:before { content: '\f175'; font-family: 'FontAwesome'; font-size: 15px; color: #ff0000; position: absolute; top: 2px; right: 4px; }
.odd-plus:before { content: '\f176'; font-family: 'FontAwesome'; font-size: 15px; color: #007738; position: absolute; top: 2px; right: 4px; }

.toggleOdd 			{ position: absolute; z-index: 9999; bottom: 35px; left: -50%; width: 150px; padding: 4px 8px; border-radius: 5px; border: 1px solid #ddd; background: #eee; text-align: left; }
.toggleOdd:after 	{ content: '\f0dd'; font-family: 'FontAwesome'; font-size: 25px; position: absolute; bottom: -16px; left:0; right:0; width: 100%; text-align: center; color: #ddd; }

.toggleOdd > hr { margin: 4px 0; border-color: #ddd; }
.toggleOdd > span { display: block; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; padding: 2px 0; }
.toggleOdd > span > i { font-size: 11px; }

.toggleOdd .down 	{ color: #ff0000; }
.toggleOdd .up 		{ color: #007738; }

.m-odds .toggleOdd { bottom: 50px;  left: -184%; }

.m-odds .odd-min:before { content: '\f0d7'; top: 4px; right: 11px; }
.m-odds .odd-plus:before { content: '\f0d8'; top: 4px; right: 11px; }

.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#444}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-bg{background:#444;font-size:13px;padding:.5rem 1rem}.nav-bg .nav-link{color:#fff;border-radius:50rem!important;text-decoration:none;margin-right:.5rem}.nav-bg .nav-link.active,.nav-bg .nav-link:focus,.nav-bg .nav-link:hover{background:#fff;color:#444}.badge{display:inline-block;padding:.35em .65em;font-size:.5em;font-weight:700;line-height:1;background:#c75134;color:#fff;text-align:center;white-space:nowrap;vertical-align:top;border-radius:.25rem}

.d-odds { display: flex; padding: 1rem; background: #fff; }
.d-odds:nth-child(even){background: #f3f3f3;}
.w-25 { width: 25%; flex-shrink:0!important; position: relative; }

.bets { width: 94px; background: #fff; border: 1px solid #737373; border-radius: 4px; float: left; font-size: 12px; font-weight: bold; text-align: center; margin-right: .5rem; margin-bottom: .5rem; }
.bet-name { background: #737373; color: #fff; }
.bet-value      { padding: .5rem 1rem 0 1rem; color: #737373; }
.bet-value.d    { background: url('../../../../www.sporx.com/_img/canli_skorlar/d.html') center 2px no-repeat; }
.bet-value.u    { background: url('../../../../www.sporx.com/_img/canli_skorlar/u.png') center 2px no-repeat; }

.badge { position: absolute; left: 0; top: 3px; }
.odd-name { display: block; font-size:14px;font-weight:bold; margin-left: 20px; font-family: 'Roboto Condensed', sans-serif; }

.btn-kb { font-size: 32px; color: #F4E400; }