/*----s font----*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
html { -ms-overflow-style: scrollbar; }

@media(max-width:767px) {
    html, body { overflow-x: hidden; }
}

body { font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
ul { list-style-type: none; margin: 0; padding: 0; }
/*----e font----*/
/*------------pagination-------------*/
.pagination a[disabled] { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination span.active { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
/*------------back to top-------------*/
#goTop { padding: 5px 12px; position: fixed; right: 50px; bottom: 50px; display: none; background-color: #aaa; color: #fff; text-align: center; display: none; -moz-transition: background 0.5s linear; -webkit-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; z-index: 99; border-radius: 5px; }
#goTop:hover { background: #808080; }

@media (max-width:768px) {
    #goTop { padding: 0px 8px; right: 20px; bottom: 20px; }
}
/*----------404---------------------*/
.nopage { height: 300px; margin: 77px auto 0; background: #fbfbfb; }
.nopage h2 { color: #30b6e7; font-size: 24px; text-align: center; border-bottom: 2px solid #30b6e7; margin: 0px 15px; padding: 18px; }
.nopage dl { overflow: hidden; margin: 18px auto; text-align: center; }
.nopage dd { font-size: 14px; }
.nopage p { line-height: 1.8em; color: #444; }
.nopage p span { color: #30b6e7; }
.nopage dd a { width: 134px; text-align: center; line-height: 34px; margin-left: 30px; background: #30b6e7; color: #fff; font-size: 20px; display: block; font-weight: bold; margin: 15px auto 0; }
.nopage dd a:hover { background: #38c8fc; }
.noshadow { background: url(/Images/404shadow.png) bottom no-repeat; width: 100%; height: 44px; margin-bottom: 60px; }

@media (min-width: 568px) {
    .nopage { width: 520px; }
}
/*----login---start-------*/
.login-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; z-index: 2; min-height: 100%; }
.signin-header { margin-top: 50px; text-align: center; }
.signin-header p { font-size: 16px; margin: 15px 0 0; }
.signin-body { padding: 20px 10px; margin: 0px auto; max-width: 510px; }
.signin-body .form-group { border: 0; padding: 0; position: relative; margin: 0 auto 15px; max-width: 450px; }
.signin-body .form-group .form-control { width: 100%; box-shadow: none; }
.signin-body .input-round, .signin-body .btn-round { border-radius: 25px; }
.signin-body .form-icon { position: absolute; top: 16px; left: 12px; line-height: 1; color: #999; }
.signin-body .icon-user { font-size: 16px; }
.signin-body .icon-lock { font-size: 18px; }
.signin-body .alert-danger { background: none; text-align: center; }
.signin-body .yzm div { padding: 0; text-align: center; }
.signin-body .yzm img { margin: 12px auto; }
.signin-body .yzm span { padding: 6px; background: #f5f5f5; border: #eae8e8 1px solid; margin: 6px 0; display: block; }
.vision_low { position: fixed; top: 0; width: 100%; background: #8e8e8e; text-align: center; line-height: 21px; color: #fff; padding: 5px 0; font-size: 13px; }
.vision_low .close { position: absolute; right: 14px; top: 12px; font-size: 20px; cursor: pointer; }
.vision_low .godown { color: blue; text-decoration: underline; }
/*----login---end-------*/

/*--------s my textbox--------*/
.mytextboxinline { width: 100px; display: inline; }
/*--------e my textbox--------*/
/*---------------help-block style start--------------------*/
span.help-block[style*=inline] { display: block !Important; }
/*---------------help-block style end--------------------*/
/*--------fa style start-------------*/
.fa.pull-right { line-height: inherit; }
/*--------fa style start-------------*/