@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@font-face {
    font-family: 'Archive';
    src: url('Archive.otf');
    src: url('Archive.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}
body { background: url(../images/loginbg.jpg) no-repeat center center fixed;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.login-container { padding-top: 100px; }
.instrWrap { padding: 10px; background: #fff; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
.insBlk ul { font-family: 'Roboto';}
.introTitle { text-transform: uppercase;  color: red; }

a, .form-signin input.submit, input, .menuList a, .rightSection a { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

/* Login */
.form-signin { background: #ffffff; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
 padding: 35px 25px 45px; border-radius: 30px;  }
.form-signin-heading { margin: 0 auto; text-align: center; border: 0 none; padding: 0; color:#d52020}
.form-signin-heading img { width: 160px; }
.login-sec { padding: 15px 0 0 0;  }
.form-signin input.textDefault { border-radius: 0; border: 1px solid #bbb; color: #232323; padding: 10px 10px; 
margin-bottom: 15px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset; }
.form-signin input.textDefault:hover, .form-signin input.textDefault:focus { color: #232323; }
.form-signin input.submit { font-family: 'Roboto'; border-radius: 0; padding: 10px; background-image: radial-gradient( circle at top center, #e14938, #d14841)  }                             
.form-signin input.submit:hover, .form-signin input.submit:focus { background: #d83138; }

.liveMatch { float: none; padding: 0; }
.clientLogo { display: inline-block; vertical-align: middle; border-right: 1px dotted rgba(255,255,255,0.4); margin-right: 10px;padding-right: 10px;}
.clientLogo img { width: 100px;  background: rgba(255,255,255,1); padding: 5px;  border-radius: 5px; }

.rightSection { display: block; overflow: hidden; text-align: right; }
.rightSection img.floatLeft { border: 0; padding: 0; margin: 5px 0 0; width: 140px;  }
.rightSection a { display: inline-block; vertical-align: middle; color:#fff;  border-radius: 4px; padding: 5px 15px; font-size:12px; cursor:pointer; text-transform: uppercase; outline: medium none; }
.rightSection a:first-child { background: none; }

#content-header { margin: 0 0 10px 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

/*---- Fixture ----*/
.filter-by-tour { background: rgba(0, 0, 0, 0.1); }
.tournamentListSel { border: 4px solid #cccccc; border-radius: 0; }

/* Fixture Box */
.smipl-each-fixture-padd { height: 210px; background: rgba(187,168,109,0.5); }
.smipl-each-fixture-padd:hover, .smipl-each-fixture-padd:focus { background: rgba(253, 219, 111, 0.61); }
.smipl-team-name { margin: 10px 5px 0; }
.smipl-each-fixture-padd {  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); }
ul.sc-teams { border: 1px solid #dddddd; }

/*---- Full Scorecard ----*/
.result-strip {  }
#score-box .blockHead, h1.section-title { background: #1f262a;  }
.scorecardWrap .scorecardRow.rHead { background: #18abcc; }
.hrz-bg1, .hrz-bg2 { background: #18abcc; }
ul.menu-tab li a { background: #444444; color: #777777; }

/* ui */
.succMsg {
    color: #ed1c25;
    text-align: center;
}
.match-result {
    background: #d52020 none repeat scroll 0 0;
    display: block;
    float: left;
    margin: 0 !important;
    padding: 10px 0;
    width: 100%;
}
.form-signin{display: block; overflow: hidden;
}
.navPage{
	 font-size: 12px;
    margin-bottom: 10px;
    text-align: right;
}
.formBlk{
	height:350px !important;
}

.forgetPwdLink{
    margin-top:10px;
    margin-top: 10px;
    float: left;
    width: 100%;
    font-size: 13px;
    cursor: pointer;
}

.forgetPwdLink a{
    color: #222;
    font-size: 14px;
}

.usrMsg{
       float: left;
    width: 100%;
    color: #ed1c25;
    margin-top: 10px;
    font-size: 13px;
    display: none;
    line-height: 19px;
    text-align: center;
}
.usrMsg.active{
    display:block
}
.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;
}

@media (max-width: 640px) {
    .formBlk.changePassword{
            margin-top: 90px;
     }
}