/* ------------------------------------------------------------
"Screen" Style Sheet

@Project - Videoscore
@Description: Main Stylesheet for Videoscore (Internal)
@Version: 1.0
@Copyright: ICC
------------------------------------------------------------ */
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
*/

body, html {  margin: 0; padding: 0; line-height: normal; }
body {
        background: url("../Images/bg-screen.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;  
    }

/*= Default Link Styles 
============================================================================================ */

/* =  IMPORTANT = */
*,:before,:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
img,object,embed{max-width:100%;height:auto;}
object,embed{height:100%;}
img{-ms-interpolation-mode:bicubic;display:inline-block;vertical-align:middle;}
/* -------------------------- */
a { color: #fff; text-decoration: none; }
a:hover, a:focus { color: #c0392b; text-decoration: none; }
ul.over-balls li, .bx-wrapper .bx-prev, .bx-wrapper .bx-next, ul.menu-tab li a:hover, ul.main-menu li a, ul.tab-nav li a, table#tableBatsman tbody tr:hover td,
table.tableDefault thead th, .menuList a { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: color .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; }
.last { margin-right: 0 !important; padding-right: 0 !important; }
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }

.alignL { text-align: left; }
.alignR { text-align: right; }
.alignC { text-align: center; }

.no-margin  { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.no-border  { border: 0 none !important; }

.floatRight { float: right; }
.floatLeft  { float: left; }

.marginB5  { margin-bottom: 5px; }
.marginB10 { margin-bottom: 10px; }
.marginB15 { margin-bottom: 15px; }

.icons { background: url(../images/sc/icons.png) no-repeat 0 0; }

@font-face {
    font-family: 'open_sansregular';
    src: url('font/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('font/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*= Tables
============================================================================================ */
table.tableDefault { background:#fff; width: 100%; border: 0 none; border-collapse: collapse;  margin: 0 0 10px 0; font-family:open_sansregular !important; }
table.tableDefault th, table.tableDefault td {  padding:5px 10px; border: 0 none !important; }
table.tableDefault thead tr { border: 0 none; }
table.tableDefault thead th { font-size: 11px; font-weight: 700; background:#1cbde1; color: #ffffff; border-bottom: 1px solid #fff;  border-top: 1px solid #fff; text-transform: uppercase; }
table.tableDefault tbody th {  }
table.tableDefault tbody th { color: #221f1f; }
table.tableDefault tbody tr { color: #6a6a6a; font-size: 13px; border-bottom: 1px dotted #bbbbbc; text-align: center; }
table.tableDefault tbody tr td:nth-child(1) { color: #1b1a1f; }
table.tableDefault tbody th, table.tableDefault tbody a { }
table.tableDefault tbody tr td {  }
table.tableDefault tbody tr td a { }
table.tableDefault tbody tr.odd { background: rgba(255, 255, 255, 0.04); }
table.tableDefault tfoot tr{ border-bottom: 2px solid #00b8e2; }
table.tableDefault tfoot tr td { color: #a2a2a2; text-align: center; background-color: #e9f9fc; padding: 3px 10px; }

table.tableDefault tfoot tr td p { display: inline-block; vertical-align: middle; text-align: center; margin: 0 auto;  color: #3a3a3a; padding: 0 5px; margin: 0 5px; }
.inn-total span { font-weight: bold; font-size: 13px; color: #008cac; padding: 0 2px;}
.inn-total i { font-style: normal; font-size: 12px; }
.inn-extras { color: #7a7a7a !important; }

table#tableBatsman thead th:nth-child(1):hover, table#tableBatsman thead th:nth-child(1):focus,
table#tableBatsman thead th:nth-child(2):hover, table#tableBatsman thead th:nth-child(2):focus,
table#tableBowlers thead th:nth-child(1):hover, table#tableBowlers thead th:nth-child(1):focus,
table#tableBowlers thead th:last-child:hover, table#tableBowlers thead th:last-child:focus { cursor: default; background:#1cbde1; }
table#tableBowlers thead tr.table-title th:hover { cursor: default; background: #343335; }

table#tableBatsman thead th:hover, table#tableBatsman thead th:focus, table#tableBowlers thead th:hover, table#tableBowlers thead th:focus,
table#tableBatsman thead th:last-child:hover, table#tableBatsman thead th:last-child:focus, table#tableBowlers thead th:last-child:hover, table#tableBowlers thead th:last-child:focus,
table#tableBatsman thead th.active, table#tableBowlers thead th.active 
{ cursor: pointer; background: #014e5f; color: #fff !important }

table#tableBatsman tbody tr td:last-child, table#tableBowlers tbody tr td:last-child { padding: 8px 0; }
table#tableBatsman tbody tr td, table#tableBowlers tbody tr td, table#tableBatsman tbody tr td.latest-score { padding: 8px 10px; }
table#tableBatsman tbody tr td:nth-child(2) { font-size: 11px; }
table#tableBatsman tbody tr:last-child, table#tableBowlers tbody tr:last-child  { border-bottom: 0; }
table#tableBatsman tbody tr td.rb i, table#tableBowlers tbody tr td:nth-child(2) { font-style:normal; color: #1b1a1f; }

/*= .defaultForm
============================================================================================ */
.defaultForm .field, .defaultForm .buttons { padding-bottom: 12px; }
.defaultForm .field { padding-left: 220px; }
.defaultForm .field label { display: inline; float: left; width: 200px; margin-left: -220px; }
.defaultForm .fields { line-height: 18px; }
.defaultForm input.submit { margin: 0 0 0 220px; }
.defaultForm .field { margin-bottom: 0; }
.defaultForm .field select.selectDefault { padding: 4px; }
.defaultForm input.textDefault, .defaultForm textarea, select.selectDefault, input.fileDefault { width: 190px; margin-bottom: 2px; padding: 4px; }
.defaultForm label { text-align: right; padding: 3px 5px 0 0; vertical-align: middle; }
.defaultForm fieldset { padding: 0; }
.defaultForm fieldset div { margin-bottom: 10px;}
.defaultForm .checkboxField  { overflow: hidden; vertical-align: middle; margin-right: 5px; }
.defaultForm .radioField { vertical-align: middle; } 
.defaultForm .checkboxField label { width: 350px; margin-left: 20px; text-transform: none; padding-right: 0; text-align: left; }
.defaultForm .checkboxField input { vertical-align: middle; margin-right: 10px; }
.defaultForm .star { color: #ED2028 !important; }
.defaultForm .disabled { color: #999; background: #f1f1f1; }
.defaultForm .disabled:hover, .defaultForm .disabled:focus { color: #999; }

/* Table Row Expand */
.default-anim { -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }

/*= Wraper Section
============================================================================================ */
/* The Grid ---------------------- */
.row { width: 1220px; max-width: 100%; margin: 0 auto; font-family: "Open Sans Condensed",sans-serif !important; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -5px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row.collapse { margin: 0; }

/* Nicolas Gallagher's micro clearfix - IMPORTANT */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
/* -------------------------- */
.column, .columns { float: left; min-height: 1px; padding: 0 5px; position: relative; }
.column.centered, .columns.centered { float: none !important; margin: 0 auto; }

#scorecard-wrapper { overflow: hidden; font-family:open_sansregular!important; color: #1b1a1f; }

/*--- Header Section ---*/
#sc-header-section { position: relative; z-index: -1; }
ul.sc-teams { background: rgba(255, 255, 255, 0.5); overflow: hidden; display: inline-block; text-align: center; margin:auto 0;  }
ul.sc-teams li { padding: 0; float: left; display:inline-block; vertical-align: middle;  line-height: 22px; font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase; }
ul.sc-teams li p.verses { font-family: open_sansregular !important; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%; background: #aaa; padding: 3px 8px; color: #fff;
                          font-size: 10px; height: 25px; width: 25px; margin: 28px 0; padding: 6px; display: inline-block; text-align: center; vertical-align: middle; 
                          line-height: 14px; }                      
ul.sc-teams li.inn-lost { color: #cbcbcb; }  
ul.sc-teams li img { margin-top:15px; }

ul.sc-teams li:nth-child(1) img { margin-right: 5px; display: inline-block; vertical-align: middle;  }
ul.sc-teams li:nth-child(1) span { color: #2f2f2f; display: inline-block; vertical-align: middle; float: right; padding: 26px 0; }
ul.sc-teams li:nth-child(3) img { margin-left: 5px; display: inline-block; vertical-align: middle;}
ul.sc-teams li:nth-child(3) span { color: #2f2f2f; display: inline-block; vertical-align: middle; float: left;  padding: 26px 0;}

.SCard .match-result { padding: 0;background:none !important;  }
.SCard .match-result span { padding: 0 10px; font: bold 14px/28px Open Sans,Arial,Helvetica,sans-serif; }

.result-strip { background: rgba(0,0,0, 0.7); }

.match-result { background: #d52020; padding: 10px 0; margin: 0 !important; display: block; margin: 0 auto; float: left;
width: 100%;}
.match-result img { border-left: 1px dotted rgba(255,255,255,0.4); margin-left: 15px; padding-left: 15px; }
.match-result span {  padding: 4px 0 4px;  display: inline-block; vertical-align: middle; text-transform: uppercase; color: #fff; font: bold 20px Open Sans,Arial,Helvetica,sans-serif; }
.match-result span.summary { float: left;
width: 100%;}
.match-result span.live-card { background: url(../images/sc/pattern-line-light.png) repeat #c6060a; width: 11%; }

#sc-content-wrapper { display: block; }

.tournamentListSel { border: 1px solid #aaa; border-radius: 4px; padding: 5px 15px;font-family: open_sansregular !important; cursor: pointer; }
.filter-by-tour {  background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0; border-radius: 0 0 5px 5px; margin: 0 auto;  padding: 10px 0; text-align: center; }
.tLabel { font: bold 16px Open Sans,Arial,Helvetica,sans-serif;
            color: #222; text-transform: uppercase;
            
            margin-left: 9px;
            margin-right: 10px;
        }

.menuList { float: right;  }
.liveMatch { float: left; }
.menuList, .liveMatch{ display: inline-block; vertical-align: middle; padding-top: 10px;  z-index: 200;}

.menuList a, .liveMatch a, .logoutBtn { color:#fff;  background: #b70f0f; border-radius: 4px; padding: 5px 15px; font-size:12px; cursor:pointer; text-transform: uppercase;  }
.menuList a:hover, .menuList a:focus, .liveMatch a:hover, .liveMatch a:focus, .logoutBtn:hover, .logoutBtn:focus { background: #2f2f2f; }

.liveMatch {  }
.liveMatch:hover , .liveMatch:hover {  }

/*= Content Header
============================================================================================ */
.rst-sec { background: rgba(0,0,0,0.7); }

#content-header { overflow: hidden; margin: 0 5px 10px 5px;min-height:90px; }

ul.menu-tab { overflow: hidden; margin: 5px auto 5px; text-align: center;  }
ul.menu-tab li {min-width:300px;}
ul.menu-tab li a { color: #9a999a; font-family: open_sansregular !important; font-weight: bold; font-size: 13px;  padding: 8px 15px; text-transform: uppercase;min-width:300px; }
ul.menu-tab li a i { font-family: open_sansregular !important; font-weight: normal; font-style: normal; font-size: 12px; padding-left: 2px; text-transform: capitalize; }
ul.menu-tab li a:hover, ul.menu-tab li a:focus, ul.menu-tab li a.current { background: rgba(0, 0, 0, 0.6); color: #fd8442; }

.current-team, .score-board { display: inline-block; vertical-align: middle; overflow: hidden; }
.current-team { padding: 0 15px; margin: 0; color: #fff; font-size: 14px; line-height: 26px; text-transform: uppercase; font-weight: bold; min-width: 300px;}
.current-team i { color: #b2b2b2; font-size: 12px; text-transform: capitalize; font-weight: normal; font-style: normal; }

.score-board { padding: 0 15px; margin: 35px 0 0; color: #fff; font-size: 16px; font-weight: bold;  text-transform: uppercase;  float: right; }
.score-board span {  font-weight: normal; font-size: 16px; color: #b2b2b2; text-transform: capitalize; }
.score-board span i { font-style: normal; color: #e9e9e9; padding: 0 10px 0 5px; font-weight: bold;  }

/*= Scorecard Content
============================================================================================ */
#sc-content { display: block;}
#score-box { overflow: hidden; display: block; }

/*= Ball by Ball Section --------------------------------*/
#ball-by-section { position: relative; z-index: 1; background: url(../images/sc/dotted-pattern.png) repeat; padding: 10px; height: 100px; -webkit-box-shadow: 0 8px 4px -5px rgba(0,0,0,0.7); -moz-box-shadow: 0 8px 4px -5px rgba(0,0,0,0.7); box-shadow: 0 8px 4px -5px rgba(0,0,0,0.7); }

.ball-by-header { position: relative; z-index: 9999; overflow: hidden; border-bottom: 1px dotted #4f4e50; margin-bottom: 5px; padding-bottom: 5px; display: block; }
.ball-by-header p { color: #9a9a9a; font-size: 11px; margin: 0 0 0 0; float: left; }
.ball-by-header p select { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; padding: 0; background: #4a464c; border: 0 none; width: 40px; height: 20px; color: #fff; 
                           font: 11px/20px open_sansregular !important; }           
div.over-box { height: 80px; display: block; overflow: hidden; }
div.over-box p.over-bowler { position: absolute; left: 90px; margin: 0; color: #9a9a9a; font-size: 11px; display: inline-block; vertical-align: middle; line-height: 17px; }
div.over-box p.over-bowler span.over-bw-name { display: inline-block; float: right; vertical-align: middle; color: #fff; font: 12px open_sansregular !important; margin: 0 0 0 5px; }

ul.over-balls { position: absolute; left:0; right: 0; top: 29px; display: block; margin: 0 auto; padding: 0; text-align: center; }
ul.over-balls li { width: 30px; height: 30px; color: #868586; font-size: 13px; line-height: 26px; display: inline-block; vertical-align: middle; text-align: center; margin: 0 1px; 
padding: 0 2px; outline: 0 none; border: 2px solid #444445; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%; cursor: pointer; }
ul.over-balls li.ball-wicket, ul.over-balls li.Wicket { color: #ed3737 !important; border: 2px solid #733a3a; }
ul.over-balls li:hover, ul.over-balls li:focus, ul.over-balls li:active, ul.over-balls li.active-ball { color: #fff; border: 2px solid #b2b0b3 ; background: rgba(0, 0, 0, 0.2); }

ul.over-balls li.ball-six , ul.over-balls li.ball-four { color: #00b8e2; }
ul.over-balls li.Six , ul.over-balls li.Four { color: #00b8e2; }
/*ul.over-balls li.ball-six:hover, ul.over-balls li.ball-six:focus,
ul.over-balls li.ball-four:hover, ul.over-balls li.ball-four:focus,
ul.over-balls li.ball-wicket:hover, ul.over-balls li.ball-wicket:focus { border: 2px solid #b2b0b3; }*/


ul.over-balls li.ball-dot { font-size: 28px; font-weight: bold; line-height: 10px; color: #868586 !important; }

/*#cmd-box { height: 95px; top:-90px; position:relative; background: url(../Images/sc/dotted-pattern.png) repeat; padding: 10px; z-index: -1; color: #9a9a9a; font-size: 11px; }*/
#cmd-box { 
	color: #9a9a9a;
    display: block;
    float: left;
    font-size: 15px;
    padding: 10px;
    z-index: 0;
	background: url(../Images/sc/dotted-pattern.png);
	top: 0 !important;
	width: 100%;
}
.cmd-scroll.mCustomScrollbar{
	height:auto !important;
}
#cmd-box.active{
	display:block;
}
#cmd-box .cmd-over { margin:0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #36363b;  }
#cmd-box .cmd-over i  { font: 11px/14px open_sansregular !important; color: #fff; font-style: normal; padding-right: 2px;  }
#cmd-box .cmd-description { margin: 0; line-height: 20px; }
#cmd-box .cmd-description span { padding-bottom: 5px; text-transform: uppercase; display: block; color: #fff; }

#div_slide { position:relative; top: 10px !important;}

.cmd_hide { top: -90px; position: relative;  }    
.cmd_visible { top: 0; position:relative;  background: url(../images/sc/dotted-pattern.png) repeat;  } 

/*= Match Details - Location --------------------------------*/
#match-details { background: #fff; padding: 1px; }
#match-details p { font-size: 13px; line-height: 26px; margin: 0 0 1px 0; }
#match-details p span { color: #fff; font-weight: 600; padding: 2px 15px 2px 10px; display: inline-block; vertical-align: middle; }
#match-details p span i { text-indent: 99999px; display: inline-block; vertical-align: middle; margin-right: 10px; width: 22px; height: 24px; }
.location { background: #e4983e;}
p span.location  i {  background-position: -12px -156px;  }
p span.match-type { background: #21b9aa;  }
p span.match-type i {  background-position: -11px -206px;  }
p span.match-date { background: #e7604a; }
p span.match-date i {  background-position: -10px -252px;  }
p span.toss { background: #4c5363; }
p span.toss i {  background-position: -10px -298px;  }

/*= Player Partnership Graphif Section --------------------------------*/
#wagon-wheel, #partnership-section, #batting-kpi, #bowling-kpi, #comfort-levels, #dismissal { background: #fff; overflow: hidden; }
h1.section-title { background: none repeat scroll 0 0 #116497; padding: 5px 10px; color: #fff; text-transform: uppercase; font-size: 16px; margin:0 0 10px 0; }
#partnership-section h5 { color: #d23535; text-transform: uppercase; font-size: 16px; font-weight: normal; margin: 0 10px 8px 10px; padding: 5px 0; border-bottom: 1px dotted #bbbbbc; }
                
.smipl-level-bar { overflow: hidden; margin-bottom: 25px; }

.partnership-chart { overflow: hidden; }
.partnership-chart ul li { margin: 0 10px 8px 10px; padding: 0 0 10px 0; overflow: hidden; border-bottom: 1px dotted #bbbbbc; }
.partnership-chart ul li:last-child { border-bottom: 0 none; margin-bottom: 0; }

.partners-name { overflow: hidden; display: block; margin: 0; padding-bottom: 2px; font-size: 16px; line-height: 24px; }  
p.partner-left, p.partner-right { width: 35%; margin-bottom: 10px; font-size: 16px;  }
p.partner-left i, p.partner-right i, .partners-score p.overall i { padding: 3px; color:#6a6a6a; font-style: normal; }

.partners-score { display: block; overflow: hidden; padding-bottom: 1px; }   
.partners-score p.overall { width: 30%; font-size: 16px; font-weight: 700; }

.partnership-chart table { margin: 0 auto; clear: both; width:100%; }
.partnership-chart table.sizezero { width: 0px;}
.partnership-chart table tr td.partner-bar { height:8px; overflow: hidden; }
.partnership-chart table tr td.partner-bar p { margin: 0;  }
/*.partnership-chart table tr td:nth-child(1) { width:100%; }
.partnership-chart table tr td:nth-child(2) { width:20%; }
.partnership-chart table tr td:nth-child(3) { width:100%; }*/
.partnership-chart table tr td span { height: 8px; display: block;  }

.overall { width: 20%; float: left; margin: 0 auto; text-align: center;   }
.overall span { display: block;  }

/*= COMMON STYLE FOR - Batting KPI and Comfort Levels --------------------------------*/
.section-box { margin: 0 10px 0; border-top: 1px dotted #bbbbbc; padding-top: 5px;  }
.section-sub-title { margin: 0 0 10px 0; padding: 2px; background: #d2f2f9; }
.section-sub-title span { display: inline-block; vertical-align: middle;  text-align: center; width: 50%; font-size: 10px; text-transform: uppercase; }

ul#kpi-details-bt, ul#kpi-details-bow, ul#comfort-details { display: block; overflow: hidden; padding: 0; margin: 0; }
ul#kpi-details li, ul#kpi-details-bt li, ul#kpi-details-bow li, ul#comfort-details li { overflow: hidden; display: block; margin:0 0 10px 0; }
p.kpi-title, .comfort-title { width: 44%; color: #626264; font: 11px open_sansregular;  text-align: center; float: left; margin: 0 auto; }
p.kpi-title { line-height: 22px; }
p.comfort-title { line-height: 36px; }
.kpi-points, .comfort-points { width:28%; color: #fff; }

/* graph bar BG Color */
.hrz-bg1 { background: #171d29; } /* Left */
.hrz-bg2 { background: #8b5644; } /* Right */ 
.hrz-bg3 { background: #DA0040; } /* Center */
.hrz-bg4 { background: #9365b8; } /* Left */
.hrz-bg5 { background: #f09e45 }  /* Right */

.growth { margin: 5px 0; display:inline-block; height:8px; left:0; overflow:hidden; position:relative; text-indent:-9999em; width:100%; vertical-align: middle; }
.growth .growth-empty{display:block;height:8px;left:0;position:absolute;top:0;width:80%;z-index:101 }
.growth .growth-full { display: block; height: 8px; position: absolute; right: 0; top: 0; z-index: 102; }
.growth .growth-full-left { display: block; height: 8px; position: absolute; right: 0; top: 0; z-index: 102; }
.growth .growth-full-right { display: block; height: 8px; position: absolute; left: 0; top: 0; z-index: 102; }
.growth .growth-none { display: block; height: 8px;   position: absolute; right: 0; top: 0; z-index: 102; }

ul#comfort-details li .growth, ul#comfort-details li span.growth-full-left { height: 8px; }
ul#comfort-details li span.growth-full-right { height: 8px; }

.levelbar-right .growth .growth-full { left: 0 !important; }
.levelbar-right i, .levelbar-left i {  display: block; font-size: 11px; line-height:14px; color: #1b1a1f; padding: 0; font-weight: 700; font-style: normal; }

.growth-vertical { height: 160px; margin: 0 auto; overflow: hidden; position: relative; }
.growth-vertical .growth-empty { display: block; width: 100%; position: absolute; bottom: 0; top: 0; z-index: 101; }
.growth-vertical .growth-full {   bottom: 0; display: block; position: absolute; width: 100%; z-index: 102; -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:  all 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/* .growth-vertical .growth-full b { border-radius: 50% 50% 50% 0; z-index: -1; font-style: normal; height: 26px;   
                                  margin: 0 auto; position: absolute;  left: 0; right: 0; top: -33px;  transform: rotate(-45deg); width: 26px; } 
.growth-vertical .growth-full i { position: absolute; top: -28px; left: 0; right: 0; text-align: center; color: #fff; font-style: normal; } */

.growth-vertical .growth-full b { z-index: -1; height: 30px;  margin: 0 auto; position: absolute;  left: 0; right: 0; top: -32px; width: 26px; } 
.growth-vertical .growth-full i { line-height: 22px; font-size: 11px; font-weight: bold; text-align : center; color: #fff; font-style: normal; }                       
.team-1 .growth-vertical .growth-full b { /*background: #9365b8;*/ background-position: -7px -342px; }
.team-2 .growth-vertical .growth-full b { /*background: #f09e45;*/ background-position: -7px -398px; }
                          
.growth-vertical .growth-none { display: block; position: absolute; bottom: 0; width: 100%; z-index: 102; }

/* top growth bar horizontal 
.growth { width: 80%; height: 10px; position: relative; left: 0;  display: block; overflow: hidden; text-indent: -9999em; }
.growth .growth-empty { display: block; width: 80%; height: 10px;  position: absolute; left: 0; top: 0; z-index: 101; }
.growth .growth-full { background: #97d3f8; display: block;  height: 10px; position: absolute; top: 0; right: 0; z-index: 102; }
.growth .growth-none { background: #2c8bc6; display: block;  height: 10px; position: absolute; top: 0; right: 0; z-index: 102; }

.levelbar-right .growth .growth-full { position: absolute; top: 0; left: 0; }
.levelbar-left .growth { float: right; }
.levelbar-left, .levelbar-right { text-transform: uppercase; width: 40%; padding-top: 25px; font: 12px/28px 'oswaldlight', Arial, Times, serif;  }
.levelbar-left p i, .levelbar-right p i, .overall span{ color: #0E9CCC; }
*/

/*= Batting KPI --------------------------------*/
ul.compare-teams-title { padding: 0; margin: 0 auto; text-align: center; overflow: hidden; display: block; border-left: 4px solid #a984c6; border-right: 4px solid #f3b16a; }
ul.compare-teams-title li { float: left; vertical-align: middle; }
ul.compare-teams-title li span { font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 0 4px; display: inline-block; vertical-align: middle; }
ul.compare-teams-title li:nth-child(2) { color: #a7a7a8; font-size: 10px; line-height: 26px; font-weight: bold; text-transform: uppercase;  }

/*= Batting Comfort Levels --------------------------------*/
#comfort-levels { }

/*= Dismissal Summary --------------------------------*/
#comfort-levels { }
ul#dismissal-vert-bar { margin: 0 0 0 10px; padding: 0; overflow: hidden; }
ul#dismissal-vert-bar li {  width: 80px; height: 180px; color: #626264; text-align: center;  font-size: 12px; float: left; margin-right: 12px; text-align: center; overflow: hidden; }
ul#dismissal-vert-bar li div { width: 40px; height: 160px; float: left; text-align: center; }

/*= Scorecard - Batsman Performance Section --------------------------------*/
table.tableDefault tbody tr.not-out td:nth-child(1), 
table.tableDefault tbody tr.not-out td:nth-child(2) { color: #1e8f3f; }

.not-out { color: #1e8f3f; }
.duck-out { background-position: -12px -108px; width: 16px; height: 18px; text-indent: 9999px; display: inline-block; vertical-align: middle; }
.play-all { background-position: -11px -452px; width: 19px; height: 12px; text-indent: 9999px; display: inline-block; vertical-align: middle; }
.extra-runs span:nth-child(1) { padding-right: 10px; }
.extra-runs span:nth-child(2) { color:#6a6a6a; font-size: 11px; }
.latest-score span { font-size: 13px; color: #1b1a1f; padding-left: 5px; }

.tr-expand { background-position: -10px -11px; display: inline-block; overflow: hidden; text-indent: 99999px; vertical-align: middle; width: 22px; cursor: pointer; }
.player-name { display: inline-block; vertical-align: middle; }
.bowlingCard .tr-expand { background-position: -10px -17px;}
.tr-expand.active { background-position: -12px -63px; }
.tr-slide { border: 0 none !important; }
.tr-visible {}
#tableBowlers .tr-visible { height: 140px; }
.tr-hide  { height: 0;  overflow: hidden; }
.perform-graphs { overflow: hidden; }
.perform-graphs.tr-visible{ -webkit-box-shadow: 0px -8px 4px -5px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px -8px 4px -5px rgba(0,0,0,0.2) inset; box-shadow: 0px -8px 4px -5px rgba(0,0,0,0.2) inset; }
.battingCard .tr-expand.active{
	background-position: -10px -56px;
}
.perform-left, .perform-right { margin-top:6px; overflow: hidden; }
.perform-left { padding: 0 10px 0 10px; border-right: 1px dotted #bbbbbc; }

p.player-pic { width: 70px; height: 70px; float: left; overflow: hidden; margin: 24px 1px 60px 0; }
ul.perform-score { float: left; overflow: hidden; padding:24px 0; margin: 0; }
ul.perform-score li { text-align: left; overflow: hidden; margin-bottom: 1px; font-size: 16px; color: #343335; position: relative;  }
ul.perform-score li span { background: #e2e3e4; padding: 10px 15px 10px 20px; line-height: 34px;}
ul.perform-score li i { color: #343335; font-size: 16px; padding-right: 4px; font-weight: bold; font-style: normal; }

.c1 { color: #29922a; }
.c2 { color: #5a8bd6; }
.c3 { color: #9a69c1; }
.c4 { color: #b53939; }

/* Circle Style */
.perform-bat { margin: 0 !important; padding-bottom: 16px; }
.perform-bat .circle-text, .perform-bat .circle-info, .perform-bat .circle-text-half, .perform-bat .circle-info-half { top: 30px; }
.perform-bat .circle-info, .perform-bat .circle-info-half { padding: 48px 0 0; }

/*= Scorecard - Fall of Wickets Section --------------------------------*/
#fall-wickets-box { overflow: hidden; display: block; background: #fff; padding: 8px 10px; margin-bottom: 10px; }
#fall-wickets-box h1 { overflow: hidden; display: block; color:#d23535;  text-transform: uppercase; font-size: 16px; margin-top: 0; padding-bottom: 5px; border-bottom: 1px dotted #bbbbbc; }

ul.wicket-list { overflow: hidden; padding: 0; margin: 0; }
ul.wicket-list li { cursor: pointer; float: left; font-size: 16px; line-height: 26px; margin-right: 5px; color: #1b1a1f; width: 49%;}
ul.wicket-list li span:nth-child(2) { color: #6a6a6a; padding: 0 3px }
ul.wicket-list li span:hover, ul.wicket-list li span:focus { color:#d23535; }

/*= Scorecard - Bowlers performance Section --------------------------------*/
table#tableBowlers tr.table-title th { background: #343335; }
table#tableBowlers tr.table-title th span { display: inline-block; vertical-align: middle; padding-right: 5px; font-size: 13px; }

#tableBowlers .player-pic { margin: 0; }
#tableBowlers .perform-score { padding-top: 0; padding-bottom: 0; }

.perform-bowl, .perform-bat { display: inline-block; vertical-align: middle; }
.bowler-perform { overflow: hidden; padding: 0 15px; margin: 6px 0 0; }
ul.bowler-perform li { float: left; overflow: hidden; margin-right: 15px; }
.bowl-per-circle { display: inline-block; vertical-align: middle; }

/*= Wagon Wheel --------------------------------*/
.wc1,.wc1P { background: #5a8bd6; }
.wc2,.wc2P { background: #e7604a; }
.wc3,.wc3P { background: #ff9900; }
.wc4,.wc4P { background: #d08bd0; }
.wc5,.wc5P { background: #21b9aa; }
.all{
	background-color: #990000;
}


#wagon-wheel .columns div img { width: 88%; }
ul.wagon-points { text-align: center; padding: 0; display: block; vertical-align: middle; margin: 15px auto 0; overflow: hidden; }
ul.wagon-points li { color: #343335; cursor: pointer; font-size: 11px; display: inline-block; text-align: center; margin: 0 10px 0 0; background: #e2e3e4; font-weight: bold;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.perform-right ul.wagon-points li { margin-right: 10px; }
.perform-right ul.wagon-points li span { padding: 0px 6px; }
.perform-right ul.wagon-points li i { padding: 0px 8px; }

ul.wagon-points li span { font-weight: normal; color: #fff; padding: 2px 10px; line-height: 20px; overflow: hidden; display: inline-block; vertical-align: middle; }
ul.wagon-points li i { font-style: normal;  padding: 3px 10px; overflow: hidden; vertical-align: middle; }
ul.wagon-points li:hover { color: #fff; }
ul.wagon-points li:nth-child(1):hover span { background: #3465b1; }
ul.wagon-points li:nth-child(2):hover { background: #5a8bd6 ; }
ul.wagon-points li:nth-child(3):hover { background: #e7604a; }
ul.wagon-points li:nth-child(4):hover { background: #ff9900; }
ul.wagon-points li:nth-child(5):hover { background: #d08bd0; }
ul.wagon-points li:nth-child(6):hover { background: #21b9aa; }

/*= Manhattan Graph --------------------------------*/
#manhattan-wrapper { margin-bottom: 10px; overflow: hidden; }
.mobile { overflow-x: scroll !important; }

/*= SlideBar For List of CheckBox
============================================================================================ */
.msg { font-weight: normal;  padding-left: 10px; text-align: left; text-transform: capitalize; }
.slidePanal { cursor: default; display: none; padding: 4px 0; overflow: hidden; background: #009bbd; z-index: -1; -webkit-box-shadow: 0 8px 3px -6px rgba(0,0,0,0.25) inset; -moz-box-shadow: 0 8px 3px -6px rgba(0,0,0,0.25) inset; box-shadow: 0 8px 3px -6px rgba(0,0,0,0.25) inset; }
.slidePanal fieldset { margin:2px 0 2px 110px; display: inline-block; border: none; padding: 0; vertical-align: middle; }
.slidePanal label { cursor: pointer; padding: 0 6px; }

.select-play-bt, .select-play-bow { cursor: pointer; background-position: -9px -564px; width: 22px; height: 24px; text-indent: 9999px; display: inline-block; vertical-align: middle; }
.play-now { float: right; margin: 2px 2px 2px 0; background-position: -11px -530px; width: 19px; height: 12px; text-indent: 9999px; display: inline-block; vertical-align: middle; }

.hasJS .label_check { background: url(../images/sc/checkbox.png) no-repeat -2px -37px; float: left; height: 12px; }
.hasJS label.checked_on { background-position: -2px -5px; }
.hasJS .checkbox { position: absolute; left: -9999px; }

#checkBtVideo { }
#checkBtVideo label#run-chk { margin-right: 60px; }
#checkBtVideo label#dot-chk { margin-right: 40px; }
#checkBtVideo label#one-chk { margin-right: 28px; }
#checkBtVideo label#two-chk { margin-right: 29px; }
#checkBtVideo label#thre-chk { margin-right: 29px; }
#checkBtVideo label#four-chk { margin-right: 29px; }

#checkBowVideo { }
#checkBowVideo fieldset { margin-left: 0; margin-right: 22px; }
#checkBowVideo label.bOvers { margin-right: 55px; }
#checkBowVideo label.maidens { margin-right: 52px; }
#checkBowVideo label.bRuns { margin-right: 52px; }
#checkBowVideo label.wick { margin-right: 52px; }
#checkBowVideo label.wides { margin-right: 57px; }
#checkBowVideo label.noball { margin-right: 54px; }

/* Adjust margin for form elements below */
input[type="file"],input[type="checkbox"],input[type="radio"],select{margin:0}
input[type="checkbox"] + label,input[type="radio"] + label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}

/*= Tooltip
============================================================================================ */

/*= Preloader
============================================================================================ */
#preloader { position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.90);z-index:999;height:100%;width:100%}
.gmb-loader{ font-size: 0; display: inline-block; position: relative; height: 40px; width: 40px;}
.gmb-loader div {
   animation: 1.75s ease 0s normal none infinite running gmb-bounce; -webkit-animation: 1.75s ease 0s normal none infinite running gmb-bounce;
   background: #00b8e2; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 50%; width: 10px; height: 10px;
}
.gmb-loader div:nth-child(2) { animation-delay: 0.25s; -webkit-animation-delay: 0.25s; left: 50%;  margin-left: -5px; }
.gmb-loader div:nth-child(3) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; right: 0; }

@keyframes gmb-bounce {
    10% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        height: 10px;
        transform: translate3d(0px, 5px, 0px);
    }
    14% {
        height: 20px;
    }
    15% {
        animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1);
        height: 10px;
        transform: translate3d(0px, -10px, 0px);
    }
    35% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@-webkit-keyframes gmb-bounce {
    10% {
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        height: 10px;
        -webkit-transform: translate3d(0px, 5px, 0px);
    }
    14% {
        height: 20px;
    }
    15% { 
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1);
        height: 10px;
        -webkit-transform: translate3d(0px, -10px, 0px);
    }
    35% {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
}

.table{display:table;height:100%;text-align:center;width:100%}
.table .cell{display:table-cell;vertical-align:middle}

/*= POPUP For All
============================================================================================ */
.popup-trigger { cursor: pointer; }
.popup-trigger:hover, .popup-trigger:focus, .popup-trigger:hover i, .popup-trigger:focus i { color:#d23535 !important; }
@media only screen and (min-width: 1170px) {
  .popup-trigger {  
  }
}
.cd-popup {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.8);background-repeat:repeat;background-attachment: fixed; opacity: 0; z-index: 9999;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{ overflow: hidden; position:relative;width:95%;max-width:1200px;margin:4em auto;padding:1em;background:#000;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}
.cd-popup-container .cd-popup-close{position:absolute;top:5px;right:-4px;width:40px;height:30px}
.cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 3em auto;
  }
}

/*= Slider - For Ball by Ball
============================================================================================ */
.bxslider { margin: 0; padding: 0; }
.bx-wrapper { position: relative; top: -30px; height: 80px; margin: 0 auto 60px; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../images/sc/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: -4px; background: url(../images/sc/controls.png) no-repeat 3px -2px;cursor:pointer; }
.bx-wrapper .bx-next { right: -4px; background: url(../images/sc/controls.png) no-repeat -35px -2px;cursor:pointer; }
.bx-wrapper .bx-prev:hover { background-position: 0 -2px; }
.bx-wrapper .bx-next:hover { background-position: -32px -2px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 76%; outline: 0; width: 18px; height: 18px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-prev.inactive,.bx-next.inactive{
	display : none;
}
/* = Scroll Bar - For Ball by Ball - CMD
============================================================================================ */
.mCSB_container{width:auto;margin-right:20px;overflow:hidden}
.mCSB_container.mCS_no_scrollbar{margin-right:0}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:20px}
.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:100%;top:0;right:0}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:10px!important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px;height:100%;margin:0 auto;text-align:center;border-radius:100%;height:10px}
.mCustomScrollBox{-ms-touch-action:none}
.mCustomScrollBox>.mCSB_scrollTools{opacity:.75;filter:alpha(opacity=75);-ms-filter:alpha(opacity=75)}
.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100)}
.mCSB_scrollTools .mCSB_draggerRail{background:#fff;background:rgba(255,255,255,0.2);filter:alpha(opacity=40);-ms-filter:alpha(opacity=40)}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(28,189,225,0.75);filter:alpha(opacity=75);-ms-filter:alpha(opacity=75)}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(28,189,225,0.85);filter:alpha(opacity=85);-ms-filter:alpha(opacity=85)}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(28,189,225,0.9);filter:alpha(opacity=90);-ms-filter:alpha(opacity=90)}

/* = Canvas Circle Style - Bowler
============================================================================================ */
.circliful{position:relative;margin-right:10px}
.circle-text,.circle-info,.circle-text-half,.circle-info-half{width:100%;position:absolute;top:35px;margin:0;text-align:center;}
.circle-info,.circle-info-half{color:#6f7577;font-size:16px;padding:20px 0 0}
.circle-text{font-size:16px;font-weight:700;color:#343335}
.circliful .fa{margin:-10px 3px 0;position:relative;bottom:4px}

/* = SVG Circle - For Dismissal Summary
============================================================================================ */
.chart-label { color: #626264; text-align: center; font-size: 12px; margin-bottom: 10px; display: block; overflow: hidden; }
#doughnutChart1, #doughnutChart2  { width: 120px; height: 120px; margin:  0 auto; }
.doughnutTip { position: absolute; font-family: open_sansregular; min-width: 30px; max-width: 300px; padding: 5px 15px; background: rgba(0,0,0,.8); color: #ddd; font-size: 12px; text-align: center; line-height: 1.3;
  -webkit-transform: all .3s;
     -moz-transform: all .3s;
      -ms-transform: all .3s;
       -o-transform: all .3s;
          transform: all .3s;
  pointer-events: none;
}
.doughnutTip:after { position: absolute; left: 50%;bottom: -6px;
  content: ""; height: 0; margin: 0 0 0 -6px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid rgba(0,0,0,.8); line-height: 0; }
.doughnutSummary { position: absolute; top: 24%; left: 0%; right: 0; margin: 0 auto !important;  color: #626264; text-align: center; cursor: pointer; font-size: 12px;  }
.doughnutSummaryTitle { width: 100%; margin: 13px 0 0; }
.doughnutSummaryNumber { width: 100%; margin: 0; }
g path:hover { opacity: .65; }


/* = Result Box UI
----------------------------------------------------------------------------------------------- */
.smipl-briefscores ul { margin: 0 5px; padding:0; overflow: hidden; display: block; }

.smipl-each-fixture-padd .score-board { float: none; text-align: center; padding: 0;  }
.smipl-each-fixture-padd .score-board img { width: 75px; }
.smipl-each-fixture-padd .score-board span { color: #1b1a1f; }

.smipl-fixtures-buttons .search-team input { border: 1px solid #aaa; padding: 5px 15px; border-radius: 4px; margin-left: 5px; }

.smipl-brand a { display: inline-block; width: 70%; float: right; margin-right: 15px; }

.smipl-bigtable {background: #f7f7f7;color:#444;  margin: 0 auto; }

#smipl-outerwrapper { color: #333; font-family: Open Sans, Arial, sans-serif;}

.smipl-each-fixture-padd { height: 225px;position: relative;margin-bottom:10px;
                           -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;
                           cursor: pointer; background: #ffffff; }
.smipl-each-fixture-padd:hover, .smipl-each-fixture-padd:focus  { background:#fddb6f; color: #222 !important; zoom: 1;}
.smipl-each-fixture-padd:hover .smipl-matchdetails, .smipl-each-fixture-padd:focus .smipl-matchdetails,
.smipl-each-fixture-padd:hover .score-board span, .smipl-each-fixture-padd:focus .score-board span,
.smipl-each-fixture-padd:hover .smipl-team-name, .smipl-each-fixture-padd:focus .smipl-team-name { color: #222; }

.smipl-each-fixture-padd:hover .smipl-versus { background: rgba(0, 0, 0, 0.5); color: #fff; }

.smipl-eachbriefscore .smipl-overlay { opacity:0; filter: alpha(opacity=0); width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;cursor: auto;color: #fff;z-index: 2;}
.smipl-eachbriefscore:hover .smipl-overlay{cursor: pointer;opacity: 1; filter: alpha(opacity=100);}


.smipl-overlay h5 {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
/*.smipl-overlay h5 { font-family: Open Sans, Arial, sans-serif; margin: 0!important; text-transform: uppercase;color: #fff;font-size: 14px;font-weight:bold;padding: 8px 0;display: block;width: 100%;position: relative;
                  background: url(../images/sc/pattern-line-light.png) repeat #c40039;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
.smipl-eachbriefscore:hover .smipl-overlay h5{-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
*/
.smipl-overlay h5 { font-family: Open Sans, Arial, sans-serif; margin: 0!important; text-transform: uppercase;color: #fff;font-size: 14px;font-weight:bold;padding: 8px 0;display: block;width: 100%;position: relative;
                  background: #E03E52 ; opacity: 0;}
.smipl-eachbriefscore:hover .smipl-overlay h5
{ opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}

.smipl-team-name{margin: 10px;font-size: 14px;line-height: 1.2; color: #2a2a2a;font-family:"Open Sans Condensed",sans-serif !important;font-weight: bold;}
.smipl-versus{background: #cccccc; width: 22px;height: 22px;color: #444444;font-size: 12px;line-height: 1.8;margin: 0 auto;border-radius: 20px;}
.smipl-status-info{font-size: 11px;padding: 10px 0px;margin-bottom: 10px;text-transform: uppercase;font-weight: bold;}

.smipl-eachbriefscore.match-live .smipl-status-info{background: #298d16;color: #fff;}
.smipl-eachbriefscore.match-fixtures .smipl-status-info{ background: url(../images/color-header-pattern-BW.png) repeat center center #ffcf01; color: #333;}
.smipl-eachbriefscore.match-result .smipl-status-info { background: #313138; color:#fff; }
.scorecard.button { background: #ff4400; float: right; padding: 10px; }

.smipl-eachbriefscore:hover .smipl-matchdetails { background:rgba(0, 0, 0, 0.3); }

.smipl-matchdetails { position: absolute;bottom: 0;width: 100%;background:rgba(0, 0, 0, 0.1);color: #111;}
.smipl-matchdetails ul { margin: 0 ; }
.smipl-match-name { padding: 8px 0 8px; text-transform: uppercase; font-size: 10px; }

.score-board p b{font-size: 20px; display: block;}
.smipl-scores{margin-top: 8px;line-height: 1.1;}
.match-fixtures .score-board{margin-top: 18px;}

#bfmatch-report-header { height:118px; /*background: url(../Images/report-header-bg.png) no-repeat center center;*/ }
#bf-winner-team .bf-team-logo { background: rgba(125, 175, 97, 0.4); }
#bf-runner-team .bf-team-logo { background: rgba(218, 74, 61, 0.4); }
.bf-team-logo { width: 90px; height: 90px; margin: 0px 20px; }
.bf-team-logo img { padding: 5px; }
.smipl-crr-rrr {margin: 2px;font-weight: bold;}
.smipl-super-over {font-weight: bold;position: relative;top: 18px;text-transform: uppercase;}
.smipl-super-over.smipl-second{top: -18px;}
.bf-score-board { margin: 8px 0; padding: 0 10px; }
.bf-score-board p.bf-team-name { color: #000; font-size: 12px; font-weight: bolder; text-transform: uppercase; margin-bottom:10px; }
.bf-score-board p.no-margin { line-height: 20px;  font-size: 14px; color: #444; font-weight: bold; }
.bf-score-board p b { color: #1e2025; display: block; font-size: 32px; line-height: 32px; }

.bf-miniscorecard { overflow: hidden; display: block; background: url(../images/color-header-pattern-BW.png) repeat center center #ffcf01;}

.bf-venue-bar-parent.columns{padding:0px;}
#bf-team-vesius p { font-size: 33px; line-height: 30px; font-weight: lighter; background: #27292f; color: #fff; width: 60px; height: 60px; margin: 20px auto 29px; border-radius: 100%; padding: 12px 0; text-align: center; }
#bf-venue-bar { background: url(../images/color-header-pattern-BW.png) repeat-y center center #313138;  padding: 5px 0; overflow: hidden; }
#bf-venue-bar ul { margin: 0 auto; text-align: center; }
#bf-venue-bar ul li { padding: 0 20px;  list-style: none; display: inline; text-align: center; color: #ddd; font-size: 12px; }
#bf-venue-bar ul li span {  font-weight: bold; color: #fff; padding-right: 6px; }
.bf-venue-name{text-transform: capitalize;}

.bf-final-result { color: #e75726; font-weight: normal; clear: both; text-align: center; text-transform: uppercase; margin-bottom: 15px; }
.bf-footer-score { color: #221f1f !important;  font-weight: bold;  }
.bf-footer-score td { font-size: 14px !important; }



/* = CSS3 Animation Style
============================================================================================ */

/* For Comfort Level POINTS pointer Animation */
.hatch{
	animation-name: hatch;-webkit-animation-name: hatch;	
	animation-duration: 3s;	-webkit-animation-duration: 3s;
	animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; 
	visibility: visible !important;		}
@keyframes hatch {
0%{transform:rotate(0deg) scaleY(0.6)}20%{transform:rotate(-3deg) scaleY(1.05)}35%{transform:rotate(3deg) scaleY(1)}50%{transform:rotate(-3deg)}65%{transform:rotate(1deg)}80%{transform:rotate(-1deg)}100%{transform:rotate(0deg)}									
}
@-webkit-keyframes hatch {
0%{-webkit-transform:rotate(0deg) scaleY(0.6)}20%{-webkit-transform:rotate(-3deg) scaleY(1.05)}35%{-webkit-transform:rotate(3deg) scaleY(1)}50%{-webkit-transform:rotate(-3deg)}65%{-webkit-transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg)}100%{-webkit-transform:rotate(0deg)}
}

.pullUp{
	animation-name: pullUp;-webkit-animation-name: pullUp;	
	animation-duration: 1.5s;-webkit-animation-duration: 1.5s;
	animation-timing-function: easeOutQuint;-webkit-animation-timing-function: easeOutQuint;	
	transform-origin: 0% 100%;-ms-transform-origin: 0% 100%;-webkit-transform-origin: 0% 100%; 		}
@keyframes pullUp {
0%{transform:scaleY(0.1)}
40%{transform:scaleY(1.02)}
60%{transform:scaleY(0.98)}
80%{transform:scaleY(1.01)}
100%{transform:scaleY(0.98)}
80%{transform:scaleY(1.01)}
100%{transform:scaleY(1)}						
}
@-webkit-keyframes pullUp {
0%{-webkit-transform:scaleY(0.1)}
40%{-webkit-transform:scaleY(1.02)}
60%{-webkit-transform:scaleY(0.98)}
80%{-webkit-transform:scaleY(1.01)}
100%{-webkit-transform:scaleY(0.98)}
80%{-webkit-transform:scaleY(1.01)}
100%{-webkit-transform:scaleY(1)}	
}

/* slideLeft */
.slideLeft{
	animation-name: slideLeft; -webkit-animation-name: slideLeft;	
	animation-duration: 1.5s; -webkit-animation-duration: 1.5s;
	animation-timing-function: easeOutQuint; -webkit-animation-timing-function: easeOutQuint;		
	visibility: visible !important;	
	transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;}
@keyframes slideLeft {
	0% {transform: translateX(150%);}
	100% {transform: translateX(0%);}}
@-webkit-keyframes slideLeft {
	0% {-webkit-transform: translateX(150%);}
	100% {-webkit-transform: translateX(0%);}}

/* slideRight */
.slideRight{
	animation-name: slideRight;	-webkit-animation-name: slideRight;	
	animation-duration: 1.5s;-webkit-animation-duration: 1.5s;
	animation-timing-function: easeOutQuint;-webkit-animation-timing-function: easeOutQuint;		
	visibility: visible !important;	transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; }
@keyframes slideRight {
   0%{transform:translateX(-150%)}
  100%{transform:translateX(0%)}}
@-webkit-keyframes slideRight {
    0%{-webkit-transform:translateX(-150%)}
  100%{-webkit-transform:translateX(0%)}}

/* slideCenter */
.slideCenter{
	animation-name: slideCenter;-webkit-animation-name: slideCenter;	
	animation-duration: 1s;	-webkit-animation-duration: 1s;
	animation-timing-function: easeOutQuint;-webkit-animation-timing-function: easeOutQuint;		
	visibility: visible !important;	transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; }
@keyframes slideCenter {
	0%{transform:scaleX(0)}
  100%{transform:scaleX(1)}	}
@-webkit-keyframes slideCenter {
	0%{-webkit-transform:scaleX(0)}
  100%{-webkit-transform:scaleX(1)}	}

.slideDown{
	animation-name: slideDown;-webkit-animation-name: slideDown;	
	animation-duration: 1s;	-webkit-animation-duration: 1s;
	animation-timing-function: ease; -webkit-animation-timing-function: ease;	
	visibility: visible !important;						
}
@keyframes slideDown {
	0% {transform: translateY(-100%);}
	50%{transform: translateY(8%);}
	65%{transform: translateY(-4%);}
	80%{transform: translateY(4%);}
	95%{transform: translateY(-2%);}			
	100% {transform: translateY(0%);}		
}
@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-100%);}
	50%{-webkit-transform: translateY(8%);}
	65%{-webkit-transform: translateY(-4%);}
	80%{-webkit-transform: translateY(4%);}
	95%{-webkit-transform: translateY(-2%);}			
	100% {-webkit-transform: translateY(0%);}	
}

.panelUp{
	animation-name: slideUp;-webkit-animation-name: slideUp;	
	animation-duration: 1s;	-webkit-animation-duration: 1s;
	animation-timing-function: ease; -webkit-animation-timing-function: ease;	
	visibility: visible !important;						
}
@keyframes slideDown {
	100% {transform: translateY(0%);}
	0% {transform: translateY(100%);}		
}
@-webkit-keyframes slideDown {
	100% {-webkit-transform: translateY(0%);}
	0% {-webkit-transform: translateY(100%);}	
}

.panelDown{
	animation-name: slideDown;-webkit-animation-name: slideDown;	
	animation-duration: 1s;	-webkit-animation-duration: 1s;
	animation-timing-function: ease; -webkit-animation-timing-function: ease;	
	visibility: visible !important;						
}
@keyframes slideDown {
	0% {transform: translateY(-100%);}
	100% {transform: translateY(0%);}		
}
@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-100%);}
	100% {-webkit-transform: translateY(0%);}	
}

.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	animation-timing-function: easeOutQuint;	
	-webkit-animation-timing-function: easeOutQuint;
	visibility: visible !important;			
}
@keyframes slideUp {
	0% {transform: translateY(100%);}		
	100% {transform: translateY(0%);}	
}
@-webkit-keyframes slideUp {
	0% {-webkit-transform: translateY(100%);}		
	100% {-webkit-transform: translateY(0%);}	
}

                    
/* = Media Query For All Browser
============================================================================================ */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {

.small-1{width:8.33333%}
.small-2{width:16.66667%}
.small-3{width:25%}
.small-4{width:33.33333%}
.small-5{width:41.66667%}
.small-6{width:50%}
.small-7{width:58.33333%}
.small-8{width:66.66667%}
.small-9{width:75%}
.small-10{width:83.33333%}
.small-11{width:91.66667%}
.small-12{width:100%}


.smipl-each-fixture-padd .score-board img { width: 90%; }
.smipl-team-name { font-size: 12px; line-height: 16px; margin: 10px 0; }
.tournamentListSel { padding: 5px; font-size: 12px; width: 90%;}

.match-result img { width: 41%; border: 0 none; padding: 5px 0 0 0; margin: 0; }
#changePassword img{width:100%;}

 .clientLogo { margin:0 auto; text-align: center; width: 100%; border: 0 none !important; }
 .clientLogo img { float: none; }

}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) 
{
.small-1{width:8.33333%}
.small-2{width:16.66667%}
.small-3{width:25%}
.small-4{width:33.33333%}
.small-5{width:41.66667%}
.small-6{width:50%}
.small-7{width:58.33333%}
.small-8{width:66.66667%}
.small-9{width:75%}
.small-10{width:83.33333%}
.small-11{width:91.66667%}
.small-12{width:100%}

}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) 
{
    .small-1{width:8.33333%}
.small-2{width:16.66667%}
.small-3{width:25%}
.small-4{width:33.33333%}
.small-5{width:41.66667%}
.small-6{width:50%}
.small-7{width:58.33333%}
.small-8{width:66.66667%}
.small-9{width:75%}
.small-10{width:83.33333%}
.small-11{width:91.66667%}
.small-12{width:100%}

}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 568px) {
.small-1{width:8.33333%}
.small-2{width:16.66667%}
.small-3{width:25%}
.small-4{width:33.33333%}
.small-5{width:41.66667%}
.small-6{width:50%}
.small-7{width:58.33333%}
.small-8{width:66.66667%}
.small-9{width:75%}
.small-10{width:83.33333%}
.small-11{width:91.66667%}
.small-12{width:100%}

.smipl-team-name { font-size: 12px; line-height: 16px; margin: 10px 0; }

body, html { overflow-x: hidden; }
/* Header */
#sc-header-section { height: 30px; }


ul.sc-teams li {  }
ul.sc-teams li p.verses { font-size: 8px; height: 18px; width: 18px; padding: 3px; }
.SCard .match-result { margin: 0 !important;}
.match-result { margin: 33px 0 0 !important; }
.match-result span { font-size:20px; padding: 5px 10px 3px 0; }

ul.menu-tab {  }

.current-team { padding: 0 5px; line-height: 16px; font-size: 11px; } 
.current-team i { font-size: 10px; display: block; }
.score-board { padding: 0 5px; line-height: 24px; font-weight: bold; font-size: 16px; text-align: right; }
.score-board span { font-size: 16px; }

/* WagonWheel */
ul.wagon-points li { margin: 0 5px 0 0; }
ul.wagon-points li span { padding: 0 5px; }
#wagon-wheel .columns div { margin: 20px 5px; text-align: center; }
#wagon-wheel .columns div img { width: 100%; }

ul#dismissal-vert-bar { margin:0; }
ul#dismissal-vert-bar li { width: 60px; }
ul#dismissal-vert-bar li div { width: 30px; }

/* Table */
table.tableDefault th, table.tableDefault td,
table#tableBatsman tbody tr td, table#tableBowlers tbody tr td, table#tableBatsman tbody tr td.latest-score { padding: 5px; }
table.tableDefault tbody tr { font-size: 11px; }
table#tableBatsman tr th:nth-of-type(2), table#tableBatsman tr td:nth-of-type(2), 
table#tableBatsman tr th:nth-of-type(5), table#tableBatsman tr td:nth-of-type(5),
table#tableBatsman tr th:nth-of-type(6), table#tableBatsman tr td:nth-of-type(6),
table#tableBatsman tr th:nth-of-type(7), table#tableBatsman tr td:nth-of-type(7),
table#tableBatsman tr th:nth-of-type(10), table#tableBatsman tr td:nth-of-type(10),
table#tableBowlers tr th:nth-of-type(3), table#tableBowlers tr td:nth-of-type(3),
table#tableBowlers tr th:nth-of-type(6), table#tableBowlers tr td:nth-of-type(6),
table#tableBowlers tr th:nth-of-type(7), table#tableBowlers tr td:nth-of-type(7),
table#tableBowlers tr th:nth-of-type(8), table#tableBowlers tr td:nth-of-type(8),
table#tableBowlers tr th:nth-of-type(9), table#tableBowlers tr td:nth-of-type(9)  { display: none; }
table#tableBowlers tr th:nth-of-type(1) { width: 56%; }

.tr-visible { height: 410px; }
#tableBowlers .tr-visible { height: 350px; }
.perform-left, .perform-right { margin-top: 0; }
.perform-left { padding: 0 5px; border-right: 0 none; }
.bowler-perform { padding: 0 5px; }
p.player-pic { margin-top: 6px; }
.circliful { left: 0; }

ul.perform-score { padding: 06px 5px 14px 0; }
ul.perform-score li span { padding: 10px 10px 10px 5px; }  
ul.perform-score li { font-size: 11px; }
ul.perform-score li i { font-size: 12px; }

ul.wicket-list li { font-size: 16px; }

#match-details p { font-size: 12px; }

ul#kpi-details li, ul#kpi-details-bt li, ul#kpi-details-bow li, ul#comfort-details li { margin-bottom: 5px; }
p.kpi-title, .comfort-title { width: 30%; margin: 5px; }
p.kpi-title { line-height: 16px; margin-bottom: 10px; }
.kpi-points, .comfort-points { width: 33%; }

ul.sc-teams li img { width: 40%; }
#content-header { min-height: 65px; }
.match-result span.summary { width: 100%; text-align: center; }
}

 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 568px)
and (orientation : landscape) {
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-width : 320px)
and (max-width : 568px)
and (orientation : portrait) 
{
    .smipl-team-name { font-size: 12px; line-height: 16px; margin: 10px 0; }
    .current-team { padding: 0 5px; line-height: 16px; font-size: 16px; } 
}
 
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {

.medium-1{width:8.33333%}
.medium-2{width:16.66667%}
.medium-3{width:25%}
.medium-4{width:33.33333%}
.medium-5{width:41.66667%}
.medium-6{width:50%}
.medium-7{width:58.33333%}
.medium-8{width:66.66667%}
.medium-9{width:75%}
.medium-10{width:83.33333%}
.medium-11{width:91.66667%}
.medium-12{width:100%}

ul.menu-tab li { line-height: 26px; }
ul.menu-tab li a { padding: 8px 22px 5px; font-size: 11px; }

.bowl-per-circle .circliful { margin-right: 5px; }

.kpi-title, .comfort-title { width: 28% !important; }
.kpi-points, .comfort-points { width: 36%; }

ul#dismissal-vert-bar { margin: 0 0 10px; }

.slidePanal fieldset { float: left; margin: 2px 0 2px 46px; }
#checkBtVideo label.runs-ball { margin-right: 55px;}
#checkBtVideo label.dot-balls { margin-right: 38px;}
#checkBtVideo label.ones { margin-right: 26px;}
#checkBtVideo label.twos {margin-right: 26px;}
#checkBtVideo label.threes { margin-right: 27px;}
#checkBtVideo label.fours {margin-right: 27px;}

#checkBowVideo fieldset { margin-left: 0; margin-right: 22px;}
#checkBowVideo label.bOvers { margin-right: 55px; }
#checkBowVideo label.maidens { margin-right: 50px;}
#checkBowVideo label.bRuns { margin-right: 47px;}
#checkBowVideo label.wick { margin-right: 49px;}
#checkBowVideo label.wides { margin-right: 52px;}
#checkBowVideo label.noball { margin-right: 47px;}

.bowler-perform { padding: 0 8px; }

}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 910px)
and (max-width : 1024px) 
{

.medium-1{width:8.33333%}
.medium-2{width:16.66667%}
.medium-3{width:25%}
.medium-4{width:33.33333%}
.medium-5{width:41.66667%}
.medium-6{width:50%}
.medium-7{width:58.33333%}
.medium-8{width:66.66667%}
.medium-9{width:75%}
.medium-10{width:83.33333%}
.medium-11{width:91.66667%}
.medium-12{width:100%}
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) 
{
 
.large-1{width:8.33333%}
.large-2{width:16.66667%}
.large-3{width:25%}
.large-4{width:33.33333%}
.large-5{width:41.66667%}
.large-6{width:50%}
.large-7{width:58.33333%}
.large-8{width:66.66667%}
.large-9{width:75%}
.large-10{width:83.33333%}
.large-11{width:91.66667%}
.large-12{width:100%}
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {

.xlarge-1, .row .xlarge-1  { width: 8.33333%; }
.xlarge-2, .row .xlarge-2  { width: 16.66667%; }
.xlarge-3, .row .xlarge-3  { width: 25%; }
.xlarge-4, .row .xlarge-4  { width: 33.33333%; }
.xlarge-5, .row .xlarge-5  { width: 41.66667%; }
.xlarge-6, .row .xlarge-6  { width: 50%; }
.xlarge-7, .row .xlarge-7  { width: 58.33333%; }
.xlarge-8, .row .xlarge-8  { width: 66.66667%; }
.xlarge-9, .row .xlarge-9  { width: 75%; }
.xlarge-10, .row .xlarge-10 { width: 83.33333%; }
.xlarge-11, .row .xlarge-11 { width: 91.66667%; }
.xlarge-12, .row .xlarge-12 { width: 100%; }
}
 
@media (max-width: 480px) { 
	.sb-slidebar { width: 75%; }
}




/* = Media Query - Content SHOW and HIDE
============================================================================================ */


/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
}
/* medium displays */
@media only screen and (min-width: 40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
}
/* large displays */
@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
}
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
 }
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
 }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

 }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

 }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }




/*********Restyle**************/


#match-details .toss{font-size:12px}
.videoLink{cursor:pointer}
.player-name,.player-name-dis{text-transform:capitalize}
.menu-tab.inngsList li{cursor:pointer}
.fl{float:left!important}
.fr{float:right!important}
.w1{width:100%!important}
.disable_click{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;pointer-events:none}
.rotationWrap{position:relative}
.rotationBlock{left:0;position:absolute;top:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:200}
.rotationNav,.navLink{cursor:pointer;height:50px;position:absolute;width:26px}
.rotationNav.inactive,.navLink{display:none}
.rotationNavParent{float:left;height:80px;overflow:hidden;position:relative;width:377px}
.recentPUnit{float:left;position:relative;width:377px}

.ovDetHeader { border-bottom: 1px dotted #333333; color: #ffffff;  display: inline-block;font-size: 16px; padding-bottom: 5px; vertical-align: middle; width: 100%; }

.scorecardWrap .scorecardRow:hover, .scorecardWrap .scorecardRow:focus { background: #eee; }
.scorecardWrap .scorecardRow{background-color:#fff;border-bottom:1px solid #ccc;color:#1b1a1f;float:left;font-size:16px; font-weight: normal !important; padding:6px 5px;width:100% }
.scorecardWrap{float:left;margin-bottom:10px;width:100%}
.scorecardWrap #checkBtVideo{background-color:#009BBD;float:left;margin-top:10px;width:100%}
.scorecardWrap .slidePanal fieldset{border:medium none;display:inline-block;float:left;margin:2px 0;padding:0;vertical-align:middle;width:100%}
.scorecardWrap .slidePanal fieldset .label_check{margin-left:15px}
.scorecardWrap.bowlingCard .slidePanal fieldset .label_check{margin-left:22px}
.scorecardWrap .slidePanal fieldset .play-now{margin:2px 10px 2px 0}
.scorecardWrap .scorecardRow .perform-graphs.tr-visible{border-top:1px solid #ccc;float:left;margin-top:10px;padding-bottom:10px;width:100%}
.scorecardWrap .scorecardRow .scorecardPlDet{display:block}
.scorecardWrap .scorecardRow .scorecardPlDet.active{display:block}
.scorecardWrap .scorecardRow i{font-style:normal!important}
.scorecardWrap .scorecardRow .grid_1{text-align:center;width:11.9%!important}
.scorecardWrap .scorecardRow.rHead{background: #116497;font-weight:700;color:#fff}
.blockHead{background-color:#0D69AC;color:#fff;font-size:13px;font-weight:700;padding:4px 5px}
ul.perform-score li{left:-200px}
#partnership-section,#batting-kpi,#bowling-kpi,#comfort-levels,#dismissal{float:left;width:100%}
.perform-video{float:left;width:100%}
.perform-video-title{margin-bottom:5px}
.perform-video label,.playerIndvSelectionList label{float:left;height:12px;margin-right:5px;width:12px}
.perform-video .inputLabel,.playerIndvSelectionList .inputLabel{float:left;font-size:13px;margin-right:5px;margin-top:-3px}
.perform-video .play-all{margin-top:3px;cursor:pointer}
#sc-content-wrapper.inactive{display:none}


/*********Common css***************/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
	float: left;
	min-height: 1px;
	width: 100%
}
.container_12
.grid_12 {
	width: 100%
}
.container_12
.grid_11 {
	width: 91.667%
}
.container_12
.grid_10 {
	width: 83.333%
}
.container_12
.grid_9 {
	width: 75.0%
}
.container_12
.grid_8 {
	width: 66.667%
}
.container_12
.grid_7 {
	width: 58.333%
}
.container_12
.grid_6 {
	width: 50%
}
.container_12
.grid_5 {
	width: 41.667%
}
.container_12
.grid_4 {
	width: 33.333%
}
.container_12
.grid_3 {
	width: 25.0%
}
.container_12
.grid_2 {
	width: 16.667%
}
.container_12
.grid_1 {
	width: 8.333%;
}

.tr{text-align:right!important}
.chasingText{color:#fff;font-size:11px;font-weight:400;line-height:15px}
.mmenu-open{display:none}
.perform-video .label_check,.playerIndvSelectionList .label_check{cursor:pointer;position:relative;z-index:1}
.perform-video .checkbox,.playerIndvSelectionList .checkbox{left:0;opacity:0;z-index:1}
.playerIndvSelectionList{display:none;position:absolute;left:26px;font-size:13px}
.playerIndvSelectionList.active{display:block}
.playerIndvSelectionPlay{float:right!important;margin-right:10px!important;margin-top:1px!important}
.cd-popup-close{cursor:pointer}

/********Overs****************/
ul.over-balls{
	 width: 377px;
	 height: 73px;
	 overflow:auto;
}

ul.over-balls li{
	 margin: 0 1px 20px;
}

/*********Manhattan*************/

#smipl-graphsplots{font-size:12px;min-height:600px;padding:10px;width:100%}
#manhattan-wrapper{background-color:#fff}
.smipl-chart-popup{color:#fff;display:none;left:0;position:absolute;top:0}
.tooltip-span{background-color:#000;color:#fff;opacity:.8;padding:4px 6px;position:absolute;z-index:1}
.tool-center{max-width:300px;min-width:200px;text-align:center}
.tool-value{font-size:13px;line-height:16px;padding:5px;text-transform:capitalize}
.cd-popup-container{width:50%!important}
#sb-site{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;position:relative}



ul.menu-tab li a
{
	
}
ul.menu-tab li a:hover, ul.menu-tab li a:focus, ul.menu-tab li a.current{
	background: rgb(76,130,164); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(76,130,164,1) 0%, rgba(44,62,82,1) 51%, rgba(28,46,66,1) 80%, rgba(28,46,66,1) 80%, rgba(20,52,77,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,130,164,1)), color-stop(51%,rgba(44,62,82,1)), color-stop(80%,rgba(28,46,66,1)), color-stop(80%,rgba(28,46,66,1)), color-stop(100%,rgba(20,52,77,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(76,130,164,1) 0%,rgba(44,62,82,1) 51%,rgba(28,46,66,1) 80%,rgba(28,46,66,1) 80%,rgba(20,52,77,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(76,130,164,1) 0%,rgba(44,62,82,1) 51%,rgba(28,46,66,1) 80%,rgba(28,46,66,1) 80%,rgba(20,52,77,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(76,130,164,1) 0%,rgba(44,62,82,1) 51%,rgba(28,46,66,1) 80%,rgba(28,46,66,1) 80%,rgba(20,52,77,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(76,130,164,1) 0%,rgba(44,62,82,1) 51%,rgba(28,46,66,1) 80%,rgba(28,46,66,1) 80%,rgba(20,52,77,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c82a4', endColorstr='#14344d',GradientType=0 ); /* IE6-9 */

    color: #ffffff;
}


.advBlock{margin-bottom:5px;margin-top:5px}
.advBlock img{width:100%}
.sb-slidebar.active{background:url(../Images/sc/menu-bg.png) repeat scroll 0 0 rgba(0,0,0,0.96)!important;top:35px;display:block}
.disableClick{pointer-events:none!important}
.disable{display:none!important}
.bar-wrap{float:left;text-align:center;width:100%}
.indv-bar{display:inline-block;height:8px}
.outer-div { position: relative; float: right; right: 50%; }
.inner-div { position: relative; float: right; right: -50%; }
.indv-bar{ float: none;height:8px;}
    
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


.video_wrapper{   width: 1195px;margin: 0 auto; }
.video_container{display:none!important}
.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}
.mejs-list{background-color:#3c3c3e;height:70px;left:0;padding:5px 20px 5px 10px;width:1000px;position:absolute;margin:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.mejs-list li{background-color:#3c3c3e;border:3px solid;border-radius:50%;color:#aaa;float:left;font-size:12px;height:36px;line-height:22px;margin-bottom:10px;margin-right:10px;margin-top:4px;padding:3px;text-align:center;width:36px;cursor:pointer;position:relative}
.mejs-list li.current{background-color:#2f2f31;color:#fff;border-color:#ACFF01}
.cd-popup{pointer-events:none}
.cd-popup.is-visible{pointer-events:auto}
.cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after{width:24px}

.playlistWrap{background-color:#3c3c3e;float:left;height:70px;margin:0;overflow:hidden;position:relative;width:100%}
.ballslide{bottom:0;height:50px;position:absolute;width:30px;display:none;cursor:pointer}
.ballslide.active{display:block}
.ballslide.nextBall{background:url(../images/arrow-right.png) no-repeat scroll 0 2px rgba(60,60,62,0.27);right:-21px;background-size:30px 50px}
.ballslide.prevBall{background:url(../images/arrow-left.png) no-repeat 0 2px rgba(60,60,62,0.27);left:-16px;background-size:30px 50px}
.jqplot-axis.jqplot-yaxis{left:11px!important}
.jqplot-yaxis-label{left:-18px!important}
.mejs-container{height:250px}
.mob_visible{display:none}
.cd-popup .userInfoTextdemo { color: #fff; }
.userInfoTextdemo{color:#2f2f2f;font-size:13px; font-weight: bold; padding-bottom: 5px; margin: 0 auto; text-align: center; width:100%}
.cd-popup-container{margin:10px auto}
.customControlsWrap{float:left;width:100%;height:40px;background-color:#010000}
.customIcon{cursor:pointer;display:inline-block;float:none;height:30px;width:30px}
.customIcon.prevframe{background:url(../images/prevframe_small.png) no-repeat scroll 0 0 transparent;margin-left:10px}
.customIcon.prevframe.active{background:url(../images/prevframe_active.png) no-repeat scroll 0 0 transparent;margin-left:10px}
.customIcon.nextframe{background:url(../images/nextframe_small.png) no-repeat scroll 0 0 transparent;margin-left:10px}
.customIcon.nextframe.active{background:url(../images/nextframe_active.png) no-repeat scroll 0 0 transparent}
.fastmotion{background:url(../images/fastmotion.png) no-repeat scroll 0 0 transparent;margin-left:10px}
.slowmotion,.mobslowmotion{background:url(../images/slowmotion.png) no-repeat scroll 0 0 transparent;margin-left:10px}
.slowmotion.active,.mobslowmotion.active{background:url(../images/slowmotion_active.png) no-repeat scroll 0 0 transparent}
.veryslowmotion{background:url(../images/veryslowmotion.png) no-repeat scroll 0 0 transparent;margin-left:10px}
.customIcon.download{background:url(../images/zip.png) no-repeat scroll 0 0 transparent;margin-left:10px;background-size: 100%;}
.veryslowmotion.active{background:url(../images/veryslowmotion_active.png) no-repeat scroll 0 0 transparent}
.customControls{float:left;height:28px;margin:2px 5px 5px;width:100%}
.mejs-overlay-button{background-image:url(bigplay.png)!important}
.mejs-controls .mejs-button button{background-image:url(controls.png)!important}
.runIndication{background:none repeat scroll 0 0 #f90;border-radius:50% / 10%;color:#fff;height:20px;left:4px;position:absolute;text-align:center;text-indent:.1em;top:-12px;width:20px}
.runIndication.Six{background-color:#FABB18}
.runIndication.Four{background-color:#398CD0}
.runIndication.Wicket{background-color:red}
.runIndication.Two{background-color:#D08BD0}
.runIndication.Zero{background-color:#5040B0}
.runIndication.Three{background-color:#E7604A}
.clickablepointer{line-height:30px;min-height:31px;position:relative;top:3px}
.chooseFavList{float:left;margin-top:5px;width:100%}
.favlist

{background-color:#f90;color:#fff;margin-bottom:5px;margin-right:5px;padding:5px 14px;float:left;cursor:pointer}
.favlistItems.selected{border:2px solid #1cbde1}
.favlistItems.twos{background-color:#D08BD0}
.favlistItems.threes,.runIndication.Three{background-color:#21B9AA}
.favlistItems.fours,.runIndication.Four{background-color:#5A8BD6}
.favlistItems.six,.runIndication.Six{background-color:#E7604A}
.favlistItems.all{background-color:#900}
.hideClick{pointer-events:none;opacity:.5}
.favPlayBtn{background-color:#1CBDE1;border:0;color:#fff;margin-bottom:5px;margin-right:5px;padding:5px 14px;float:left;cursor:pointer;display:none}
.favPlayBtn.active{display:block}
.downloadBall
{
    background: transparent url("../images/download.gif") no-repeat scroll 0 0 / 106% auto;
    border-radius: 3px;
    color: #fff;
    line-height: 17px;
    padding: 0 4px;
    position: absolute;
    right: 7px;
    top: 38px;
    width: 20px;
     height: 20px;
}

.cd-popup.active{
	opacity: 1;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
	-webkit-transition:opacity 0.3s ease 0s, visibility 0s ease 0s;
	-moz-transition:opacity 0.3s ease 0s, visibility 0s ease 0s;
	-ms-transition:opacity 0.3s ease 0s, visibility 0s ease 0s;
	-o-transition:opacity 0.3s ease 0s, visibility 0s ease 0s;
    visibility: visible;
	pointer-events: auto;
}

.cd-popup.active .cd-popup-container {
    transform: translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
}

.mob_view{display:none!important}
#ball-by-section .bowlername{margin-left:10px}
#ball-by-section.mob_view,#cmd-box.mob_view{margin-bottom:10px}
#cmd-box.mob_view{float:none}
.playlistWrap{max-width:598px;width:100%;float:none;margin:0 auto}
.advBlock{display:none}
.sb-toggle-left{background:url(../images/sc/mobile-menu.png) no-repeat scroll 8px center #1cbde1!important}
.mobslowmotion{display:none}
.cd-popup *{outline:none}
.videoIdentityIcon{border-bottom:5px solid transparent;border-left:10px solid red;border-top:5px solid transparent;float:left;height:0;margin-right:5px;margin-top:4px;width:0}
.headerLinks{position:relative}
.headerLinks .videoIdentityIcon{left:2px;top:2px;position:absolute;border-bottom:3px solid transparent;border-left:6px solid red;border-top:3px solid transparent}
#ball-by-section .videoIdentityIcon,#cmd-box .videoIdentityIcon{margin-top:3px}
.innExtras a{color:#6a6a6a}
.cd-popup.fullscrn{width:100%!important;position:re!important}
.cd-popup.fullscrn .cd-popup-container{width:100%!important;max-width:100%!important;margin:0!important}
.cd-popup.fullscrn .columns{padding:0!important;margin:0!important;width:100%!important;height:100%!important}
#onSideTotal{left:562px!important;color:#141414!important}
#DvOnSide{left:520px!important}
.cd-popup-container.fullview{height:100%!important;width:100%!important}


/***********New style*************/
.teamNameBlock{color:#fff;font-size:26px}
.teamNameBlock.fteam{line-height:96px;margin-left:20px}
.teamNameBlock.steam{line-height:96px;margin-right:20px}
.matchComment{background-color:#c40039; color:#fff;float:left;font-size:22px;font-weight:700;margin-top:10px;padding:7px;text-align:center;width:100%}
 
 marquee.userInfoText
 {
    color: #ffffff;
    display: block;
    font-size: 13px;
    margin: 0 5px;
    padding: 5px;
     
     }
 
 
 body{font-family:"Ubuntu",sans-serif!important}


 #sc-content-wrapper{float:left;width:100%}
 
 
 .scorecard_submenuHld{
	color: #ffffff;
    font-size: 13px;
    position: absolute;
    right: 20%;
    top: -54px;
}

.scorecard_submenuHld .submenuItems{
	cursor: pointer;
    margin-right: 10px;
}

.scorecard_submenuHld .submenuItems img{
	width:50px;
}

.submenuItems.active{
	color: #c40039;
}

#score-box,#wagon-wheel{
	display : none;
}

#score-box.active,#wagon-wheel.active{
	display:block;
}

#manhattan-wrapper{
visibility: hidden;
height: 1px;
    overflow: hidden;
}

#manhattan-wrapper.active{
visibility:visible;
height: auto;
    overflow: auto;
}

.tab_block{
	float: left;
	  margin-left: 10px;
}

.tab_block .tabItems, ul.menu-tab li a {
	background-color: #2f2f2f; font: bold 13px Open Sans,Arial,Helvetica,sans-serif; border-radius: 5px;
    color: #ffffff; text-transform: uppercase;
    float: left;
    margin-right: 5px;
    padding: 5px 15px;
	cursor: pointer;
}


.tab_block .tabItems.active, ul.menu-tab li a.current, ul.menu-tab li a:hover, ul.menu-tab li a:focus {
	background: #b70f0f; 	
	color: #ffffff;
}

.smipl-fixtures-buttons
{
  margin-top: 20px; display: block; overflow: hidden;
}

 .mejs-controls-videoIcons{
	         bottom: 32px;
            position: absolute;
	        display:none;
        }

        .mejs-controls-videoIcons.active{
	        display:block;
        }
.downLoadList
{
    margin-top: 23px;
    border-bottom: 2px solid;
    float: left;
    max-height: 500px;
    overflow: auto;
    width: 100%;
}
.downLoadList tr
{
    cursor:pointer;
}
.downLoadList tr.active {
    background-color: #f5f087 !important;
}


.menutabBlock{
	 float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.menutabBlock .menutabItems{
	border: 1px solid #dd3535;
    border-radius: 2px;
    color: #dd3535;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 16px;
}

.menutabBlock .menutabItems a
{
    color:inherit;
}

.menutabBlock .menutabItems.active{
	background-color:#F56565;
	color:#FFFFFF;
	display: block;
}

/**********Manhattan styles *************/
.manhattan-nav
{
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
    position: relative;
}
.manhattan-nav.inactive
{
    display : none;
}
.MHprev
{
    background-image: url("Prev.png");
    cursor: pointer;
    display: inline-block;
    height: 21px;
    margin-right: 10px;
    width: 21px;
    background-repeat: no-repeat;
}
.MHnext
{
    background-image: url("Next.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 21px;
    margin-right: 10px;
    width: 21px;
    
}
.MHnext.inactive,.MHprev.inactive
{
    opacity: 0.5;
    pointer-events: none;
}
#smipl-worm
{
    float: left;
    position: relative;
    width: 100%;
}

@media (max-width:  980px) {
	
	.video_container{
		width : 100%;
	}
	.mejs-container{
		height:250px;
	}
	
	.menu-tab{
		width:100% !important;
	}
	
	
	ul.menu-tab li,ul.menu-tab li a{
		
		/*width: 200px !important;*/
		
	}
	
	.mob_view{
		display : block !important;
	}
	
	#ball-by-section.mob_hide,#cmd-box.mob_hide{
		display :none !important;
	}
	
	.cd-popup-container{
		margin-top:30px;
	}
	
	.cd-popup{
		position:absolute;
	}
	
	.mejs-container-fullscreen{
		/*height:650px !important;*/
	}
	.scorecard_submenuHld{
		right: 38%;
	}
}

@media (max-width:  799px) {
	.cd-popup-container{
		width : 80% !important;
	}
	.mejs-container{
		height:200px;
	}
	
	
	.playlistWrap {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	
	.mejs-container-fullscreen{
		/*height:325px !important;*/
	}
}



@media (max-width:  760px) {
	.mob_hide{display:none}
    .scorecardWrap .scorecardRow .grid_1{width:18.9%!important}
    .scorecardWrap .scorecardRow .grid_2{width:40%!important;font-size:16px}
    .scorecardWrap .scorecardRow .grid_2 i{font-size:16px}
    .liveMatch{bottom:0}
    #sc-header-section{height:auto}
    .mmenu-open{display:none}
    .sb-slidebar{z-index:100!important}
    .scorecardWrap.bowlingCard .grid_2,.scorecardWrap.bowlingCard .grid_1{width:24.667%!important}
    .playerIndvSelectionList{left:90%;width:20px}
    .playerIndvSelectionList label{margin-top:5px;margin-bottom:5px}
    .playerIndvSelectionPlay{float:right!important;margin-right:31px!important}
    .playerWagonwheelCon{margin:0!important}
    .ovDetHeader .fr{float:left!important;margin-left:5px}
    
    .cd-popup-container{width:100%!important}
    .playlistWrap{width:95%}
    .ballslide.nextBall{right:-10px}
    ul.wagon-points li{margin:0 5px 5px 0}
    .play-all{width:24px;height:24px;background-position:-8px -447px}
    .scorecardWrap .scorecardRow .perform-graphs.tr-visible{height:auto}
    .mob_visible{display:block}
    .mejs-container{height:100px}
    .playlistWrap{width:100%}
   
    .userInfoTextdemo{margin-bottom:0;width:100%}
    .cd-popup-container{margin:24px auto}
    .favlistItems{padding:5px 12px}
    .mob_view{display:block!important}
    .customControlsWrap{height:56px;padding-top:10px}
    .headerLinks .videoIdentityIcon{left:-2px}
    .scorecardWrap .slidePanal fieldset .label_check{margin-left:3px}
    .scorecardWrap .slidePanal fieldset .play-now{margin:2px 2px 2px 0}
    .mejs-container-fullscreen{/*height:200px!important*/}
    .teamLogoBlock{margin-left:5px;margin-right:5px;margin-top:35px}
    .teamLogoBlock img{max-width:60px}
    .teamNameBlock.steam{line-height:18px;margin-right:10px;margin-top:15px}
    .teamNameBlock.fteam{line-height:18px;margin-left:5px;margin-top:15px}
    .teamNameBlock{font-size:16px}
	.scorecard_submenuHld{
		color: #ffffff;
		font-size: 13px;
		margin-bottom: 10px;
		position: static;
		right: 38%;
		top: -54px;
	}
	.scorecard_submenuHld .submenuItems img {
		
	}
	
	.menuList
	{
	    
        z-index: 200;
	}
	
	.search-team input
	{
	    margin-top: 10px;
	}
	.video_wrapper
	{
	    width : 100% !important;
	}
	
}

@media (max-width:  640px) {
	.scorecardWrap.battingCard  .medium-6 {
		width : 100% !important;
	}
	ul.wicket-list li
	{
	    width:100%;
	    margin-bottom: 10px;
	}
	.clientLogo
	{
	    float: right;
	    width: auto;
	}
	
}

@media (max-width:  360px) {
	.cd-popup-container{width:100%!important}
    .mejs-container{max-width:900px}
    .cd-popup-container{max-width:900px}
    .mejs-list{padding:5px 0}
    .playlistWrap{max-width:278px;width:100%;float:none;margin:0 auto}
    .mobslowmotion{display:inline-block}
}