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

@Project - UI COMPONENTS for all
@Description: Main Stylesheet for UI COMPONENTS (Internal)
@Version: 1.0
@Copyright: UI COMPONENTS / sportsmechanics.in
------------------------------------------------------------ */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body { margin: 0;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}

/* =visuallyHide / accessibility */
.visuallyHidden, .accessibility { position: absolute!important; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.header-print, .footer-print  { display: none; }

b,strong{font-weight:700}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}

img{border:0}
svg:not(:root){overflow:hidden}

hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}

/* Forms
   ========================================================================== */

button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}


/* Tables
   ========================================================================== */
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}


a { color: #2876ce; text-decoration: none; }
a:hover, a:focus { color: #ed2028; text-decoration: none; }
a, button, a strong, .button, .btn { -webkit-transition: color .15s linear, background-color .15s linear; -moz-transition: color .15s linear, background-color .15s linear; -o-transition: color .15s linear, background-color .15s linear; -ms-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear; }

/* ----------------------------------------------------------------------------------------------- */
/* Generic Classes  
/* ----------------------------------------------------------------------------------------------- */
.alignL 	{ text-align: left !important; }
.alignR 	{ text-align: right !important; }
.alignC 	{ text-align: center !important; }

.borderLeft { border-left: none !important;}
.borderRight{ border-right: none !important;}

.marginR5  { margin-right: 5px; }
.marginR10  { margin-right: 10px; }
.marginR15  { margin-right: 15px; }
.marginR20  { margin-right: 20px; }
.marginR30  { margin-right: 30px; }
.marginB5   { margin-bottom: 5px; }
.marginB10   { margin-bottom: 10px; }
.marginB15  { margin-bottom: 15px; }
.marginB20  { margin-bottom: 20px; }

.no-margin  { margin: 0 !important; }

.no-bold 	{ font-weight: normal!important; }
.floatLeft  { float: left !important; }
.floatRight { float: right !important; }
.last 		{ margin-right: 0px !important; }

.textCenter { text-align: center; }
.fontBold { font-weight: bold; }
.noSpacing  { margin: 0!important; padding: 0!important; }
.uppercase  { text-transform: uppercase!important; }
.no-border  { border: 0 none !important; }
.no-padding { padding: 0 !important; }
.no-float   { float: none !important; }

.title { font-size: 18px; text-transform: uppercase;  }

/* = List
----------------------------------------------------------------------------------------------- */
ul.default, ol.default { clear: both; padding: 0 0 0 15px; margin: 0 0 15px; }
ul.arrow { clear: both; margin: 0 0 15px; }
ol.default { padding: 0 0 0 18px; }
ol.default li, ul.default li,  ul.arrow li{ list-style-position: outside; line-height: 20px; font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
ol.default li { list-style-type: decimal;}
ul.default li { list-style-type: disc; }
ul.circle li { list-style-type: circle; }
ol.roman { overflow: hidden; }
ol.roman li { list-style-type: lower-roman; }
ol.decimal li { list-style-type: decimal; }

/* = Tables
----------------------------------------------------------------------------------------------- */
table.tableDefault { background: url(../Images/running-man_BW.png) no-repeat right 30px #fff; width: 100%; border: 1px solid #ddd; border-collapse: collapse; margin: 0 0 15px 0; font-family: 'Open Sans', Helvetica,Arial,sans-serif; }
table.tableDefault td { font-size:  12px; padding:5px; text-align: center; border-bottom: 1px dotted #ddd; }

table.tableDefault th { text-transform: uppercase; font-size: 11px; padding:5px;  text-align: center; }

table thead tr th, table thead tr td { font-weight:bold; background: rgba(49, 49, 49, 1); color: #fff; border: 0 none;}
table.tableDefault tbody tr { color: #555; }
table.tableDefault tbody tr th, table.tableDefault tbody tr td.row-heading { text-transform: uppercase; border-bottom: 1px dotted #ddd;  background: #e1e5ed; color: #221f1f; font-weight: bold; }
table.tableDefault tbody a { font-weight: bold; background: none; }
table.tableDefault tbody tr.odd { background-color: #f7f7f7; }

.fall-of { background: #e1e5ed; }

table.table-team tbody tr td.team-name, table.tableDefault tr th.team-name { width: 200px; font-weight: bold; color:#fff; font-size: 14px; background: #464a52; border: 0 none !important; text-transform: uppercase;  }

/* = PAGES
----------------------------------------------------------------------------------------------- */
#content-wrapper { display: block;   }

/* #side-bar { background: #2f323a; color: #c5c8d3; padding: 15px 0.9375rem; min-height: 100%;max-height: 600px; height: auto !important; 
            height: 100%; overflow: auto; } */
#side-bar { background: url(../Images/header-patter-light.png) rgba(49, 49, 49, 1); color: #c5c8d3; padding: 15px 0.9375rem 120px;  overflow: auto; }              
#side-bar h6 { color: #777; text-transform: uppercase; font-size: 12px; margin: 0 0 10px; font-weight: bold; }
#content, #content-icc { background: url(../Images/running-man_BW.png) no-repeat top right #fff; padding: 15px 0.9375rem; overflow: hidden; min-height: 772px; }

#header-logo { padding-left: 0px; }
#header-logo ul { overflow: hidden; margin: 0; padding: 5px 0;}
#header-logo ul li { display: inline-block; vertical-align: middle; margin-right: 15px;   }

#logo-box {  width: 166px; height: 27px; }
.team-logos { display: none;  }
.main-logo, .secondary-logo { padding:5px 0px 5px 0; }
.secondary-logo img { width: 130px; height: 43px; }

/*------ MENU ------ */

#header-menus { }
#header-menus ul.menu-icon { margin: 0; float: right; }
#header-menus ul.menu-icon li { float: left; vertical-align: middle; height:67px;  }
.nav-sidebar-admin { float: none !important;}

#Menu_Menu1 ul li { position: relative; }
#Menu_Menu1 ul li a { text-transform: uppercase; font-size:13px; font-family: 'Open Sans', Helvetica,Arial,sans-serif; }

#Menu_Menu1 ul li ul.dynamic { background: url(../Images/header-patter-light.png) no-repeat center center rgba(49, 49, 49, 1); 
                               position: absolute; left: -207px !important; top: 67px !important; margin: 0 auto;}
#Menu_Menu1 ul li ul.dynamic li {  display: block; float: none; height: auto; margin:0; }
#Menu_Menu1 ul li ul.dynamic li a { color: #fff; width: auto !important; background: url(../Images/header/arrow-small-left.png) no-repeat 16px center; text-indent: 0 !important; 
                                   padding: 10px 10px 10px 30px; display: block; }
#Menu_Menu1 ul li ul.dynamic li:hover, #Menu_Menu1 ul li ul.dynamic li:focus { background: rgba(0, 0, 0, 0.2); }

#Menu_Menu1 ul li:nth-child(1) a, #Menu_Menu1 ul li:nth-child(2) a, 
#Menu_Menu1 ul li:nth-child(3) a, a.log-out { margin: 0; width: 60px; height: 100%; text-indent: -9999px; overflow: hidden; display: inline-block; }

#Menu_Menu1 ul li:nth-child(1) a { background: url(../Images/header/dashboard.png) no-repeat center center;  }
#Menu_Menu1 ul li:nth-child(2) a { background: url(../Images/header/video-vault.png) no-repeat center center; }
#Menu_Menu1 ul li:nth-child(3) { background: url(../Images/header/arrow-small.png) no-repeat center 53px; }
#Menu_Menu1 ul li:nth-child(3) a { background: url(../Images/header/data-reports.png) no-repeat center center; }
a.log-out { background: url(../Images/header/logout.png) no-repeat center center; }
#Menu_Menu1 ul li:nth-child(1):hover, #Menu_Menu1 ul li:nth-child(2):hover, #Menu_Menu1 ul li:nth-child(3):hover, a.log-out:hover,
#Menu_Menu1 ul li.current { background-color: rgba(0, 0, 0, 0.6); }

#Menu_Menu1 ul li:nth-child(3):hover { background: url(../Images/header/arrow-small.png) no-repeat center 53px rgba(0, 0, 0, 0.6); }

#side-bar label { color: #fff; }

/* ----------------------------------------------------------------------------------------------- */
/* Forms Login
/* ----------------------------------------------------------------------------------------------- */
.alert-danger { color: #f04124; font-size: 12px; font-family: Open Sans, Arial, Helvetica, sans-serif; text-align: center; padding-bottom: 10px; font-weight: bold;}

.login-container { padding-top: 60px; }
.form-signin { background: rgba(255, 255, 255, 0.5); max-width: 370px; padding: 20px 0; margin: 0 auto;
               border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;
               -webkit-box-shadow: 0 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0 0px 8px 0px rgba(0,0,0,0.3); }
.form-signin-heading { padding: 0 25px 20px 25px; margin: 0 auto; border-bottom: 1px solid #d9d9d9; }
.login-sec { padding: 20px 25px 0 25px; border-top: 1px solid #fff;}
.form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { font-weight: normal; }

.form-signin label, .form-signin button, .form-signin input.submit { cursor: pointer; }
.form-signin input.textDefault { color: #888; border: 1px solid rgba(0, 0, 0, 0.2);  width: 100%; outline: 0; border-radius: 3px;
font: normal 14px Open Sans, Arial, Helvetica, sans-serif; margin-bottom: 13px;  padding: 8px;
vertical-align: middle; text-shadow: none; background-color: #fff; 
-moz-transition:border 0.2s ease 0s, background 0.2s ease 0s, width 0.4s ease 0s;}

.form-signin input.textDefault:hover { color: #262626; }
.form-signin input.textDefault:focus { border-color: #B1D0E0; }
.form-signin input.submit {  border-style: none;
    border-color: inherit; border-radius: 3px;
    border-width: 0;
    margin: 0;
    padding: 8px;
    color: #fff; font: bold 16px Open Sans, Arial, Helvetica, sans-serif;  vertical-align: middle;text-transform:uppercase;
    top: 0px;
    left: 0px;
}
.form-signin input.submit:hover, input.submit:focus { color: #fff; }
.form-signin input.reset, .form-signin input.cancle { margin-left: 10px; }
.form-signin .buttons { padding-bottom: 12px; }

/* ----------------------------------------------------------------------------------------------- */
/* Forms Section
/* ----------------------------------------------------------------------------------------------- */
fieldset { position: relative; padding: 0 0 4px;  }
legend { position: absolute; left: 8px; top: -34px; }
label { cursor: pointer; }
.field { }
.field label { display: inline; float: left; display: block; }

input.textDefault, 
textarea.textareaDefault, 
select.selectDefault, .selectDefault { outline: 0; border:1px solid #d1d1d1; font: normal 12px Arial, Helvetica, sans-serif; color: #666; padding: 5px 5px;
vertical-align: middle; text-shadow: none; background-color: #fff; 
-moz-transition:border 0.2s ease 0s, background 0.2s ease 0s, width 0.4s ease 0s;
border-color: #BBBBBB #CCCCCC #DDDDDD; box-shadow: 0 0 3px rgba(0, 0, 0, 0) inset; }

input.textDefault:hover, textarea.textareaDefault:hover, select.selectDefault:hover { color: #2876CE; }
input.textDefault:focus, textarea.textareaDefault:focus, select.selectDefault:focus { border-color: #B1D0E0; }

input.submit { margin: 0; padding: 7px; border: 0 none; color: #f5f7e7; font: bold 12px/16px Arial, Helvetica, sans-serif; vertical-align: middle;text-transform:uppercase; }
input.submit:hover, input.submit:focus { color: #fff; }
input.reset, input.cancle { margin-left: 10px; }
select.clean { background: #fff; }
label, button, input.submit { cursor: pointer; }

form.filterBy .select-box-blue { box-shadow: none; background: #f4faff; padding: 2px 3px; margin: 0 5px 0 0; color: #221f1f; width: 160px; }

/* = .defaultForm
----------------------------------------------------------------------------------------- */
.defaultForm .field, .defaultForm .buttons { padding-bottom: 12px; }
.defaultForm .field { }
.defaultForm .field label { padding: 7px 10px 7px 0; display: inline; float: left; }
.defaultForm .fields { line-height: 18px; }
.defaultForm input.submit { }
.defaultForm .field { margin-bottom: 0; }
.defaultForm .field select.selectDefault { padding: 4px; }
.defaultForm input.textDefault, .defaultForm textarea, select.selectDefault  { margin-bottom: 10px; padding: 8px; }
.defaultForm label { padding: 5px 0; vertical-align: middle; }
.defaultForm fieldset { padding: 0; }
.defaultForm .checkboxField  { overflow: hidden; vertical-align: middle; }
.defaultForm .radioField { vertical-align: middle; } 
.defaultForm .checkboxField label { text-transform: none; padding-right: 0;  }
.defaultForm .checkboxField input { vertical-align: middle; margin-right: 10px; }
.defaultForm .star { color: #ED2028; }

.widget { position: relative; width: 100%; }
.tab-content { background: #f5f5f5; padding: 15px; height: 200px; }
.tab-content p {  font-size: 13px; }

.widget-tabs { font-size: 13px; position: absolute; top: 0; left: 0; right: 0; padding: 0; text-align: left; direction: rtl; border-bottom: 1px solid #ddd; }
.widget-tab,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab,
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) ~ .widget-tab,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 36px;
  font-weight: normal;
  color: #999;
  background: #fcfcfc;
  border: solid #ddd;
  border-width: 1px 1px 0;
  /* Reset %active-widget-tab */
  padding-bottom: 0;
  bottom: auto;
}
.widget-tab > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) ~ .widget-tab > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab > .widget-tab-link {
  margin: 0; border-top: 0; }

.widget-tab + .widget-tab { margin-right: -1px; }

.widget-tab:last-child,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2),
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3),
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child {
  bottom: -3px;
  margin-top: 0;
  padding-bottom: 2px;
  line-height: 32px;
  font-weight: bold;
  color: #555;
  background: #f5f5f5;
  border-top: 0;
}
.widget-tab:last-child > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) > .widget-tab-link,
.widget-list:target:nth-of-type(3) ~ .widget-tabs > .widget-tab:nth-child(3) > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child > .widget-tab-link {
  margin: 0 -1px; border-top: 4px solid #008cba; }

/* Deactivate the default tab when a preceding tab is activated. */
.widget-tab-link { display:block; min-width:60px; color:inherit; text-align:center; text-decoration:none; padding:0 15px; }

.widget-list { display: none; padding-top: 41px; list-style: none;
  /* The last list is activated (visible) by default. */
}

.widget-list:last-of-type { display: block; }
.widget-list:target {
  display: block;
  /* Hide the default list when another is activated. */
  /* First list activates the first tab, second list activates the second tab, etc. */
}

.widget-list:target ~ .widget-list { display: none; }
.widget-list-link { display:block; line-height:18px; font-weight:bold; color:#555;text-decoration:none; cursor:pointer; padding:10px 12px; }
.widget-list-link:hover { background:#f7f7f7; }
.widget-list-link > img { float:left; width:32px; height:32px; margin:2px 12px 0 0; }
.widget-list-link > span { display:block; font-size:11px; font-weight:normal; color:#999; }

.print-icon { background: url(../Images/printer.png) no-repeat 8px center; padding: 0.45rem 0.6rem 0.44rem 2.2rem !important; }   
/* = Match Report
----------------------------------------------------------------------------------------- */
.teams-logo { width: 450px; vertical-align: middle; text-align: center; }
.first-team img, .second-team img { height: 45px; }
.first-team, .second-team, .vesius { display: inline; vertical-align: middle; text-align: center; padding: 0 15px; }
.vesius { background: #0e9ccc;
    border-radius: 100%;
    color: #fff;
      font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 21px;
    margin: 0 8px;
    padding: 4px 6px;
    width: 6%; }

.team-win  { font-style: italic; vertical-align: middle; text-align: center;  }
.team-win p { display: inline; font-size: 12px; margin: 0; padding-right: 5px;  }
.team-win p b { font-size: 15px; color: #222222; font-style: normal; padding-right: 5px; }
.team-win img { display: inline; }

.first-team-no, .second-team-no { width: 41%; line-height: 36px; margin:0; font-size: 12px; background: none; color: #221f1f; font-weight: bold;  }

table.scorecard tr:hover { background: none; }
table.match-report tbody tr td.row-heading { line-height: 40px; border-bottom: 1px dotted #ddd; background: none; color: #221f1f; font-weight: bold; }
table.match-report tr:hover { background: #ffe5c9; cursor: pointer; -webkit-transition: color .15s linear, background-color .15s linear; -moz-transition: color .15s linear, background-color .15s linear; -o-transition: color .15s linear, background-color .15s linear; -ms-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear; }

#match-report-header { height:118px; /*background: url(../Images/report-header-bg.png) no-repeat center center;*/ }
#winner-team .team-logo { background: rgba(125, 175, 97, 0.4); }
#runner-team .team-logo { background: rgba(218, 74, 61, 0.4); }
#winner-team .team-logo, #runner-team .team-logo { width: 105px; height: 105px; padding: 13px 5px 5px 5px; margin: 7px 20px; }
#winner-team .team-logo img, #runner-team .team-logo img { height: auto; padding: 5px; }

.score-board { margin: 18px 0; }
.score-board p.team-name { color: #596070; font-size: 14px; font-weight: bolder; text-transform: uppercase; margin-bottom:10px; }
.score-board p.no-margin { line-height: 20px;  font-size: 14px; color: #596070; font-weight: bold; }
.score-board p b { color: #1e2025; display: block; font-size: 38px; line-height: 34px; }

#team-vesius p { font-size: 33px; line-height: 30px; font-weight: lighter; background: #27292f; color: #fff; width: 60px; height: 60px; margin: 29px auto 29px; border-radius: 100%; padding: 12px 0; text-align: center; }
#venue-bar { background: #0e9ccc; padding: 2px; overflow: hidden; box-shadow: 0 3px 2px rgba(0, 92, 123,0.4) inset; }
#venue-bar ul { margin: 0 auto; text-align: center; }
#venue-bar ul li { padding: 0 30px;  list-style: none; display: inline; text-align: center; color: #fff; font-size: 14px; }
#venue-bar ul li span {  font-weight: bold; color: #77ddff; padding-right: 6px; }

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