@charset "UTF-8";

body {
  background-color: #f8f8f8;
}

body.en {
  font-family: 'Helvetica Neue',Helvetica,Arial,Roboto,sans-serif;
}

body.ja {
  font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN',Roboto,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a, a:visited, a:hover {
  color: #679529;
  text-decoration: none;
}

#copyright {
  text-align: center;
  width: 100%;
  font-size: 12px;
  height: 30px;
  margin-top: 20px;
}

#copyright a {
  color: #000;
}

#copyright a:hover {
  color: #666;
}

.content {
  padding-top: 100px;
}

.content h1 {
  color: #679529;
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
  border-bottom: solid 2px #679529;
  padding-bottom: 5px;
}
/*
#nav-cacert,
#nav-password,
#nav-reg-smartcard,
#nav-saml-login,
#nav-openid-login,
#fg-auth-factors,
#fg-username,
#fg-remember-me,
#fg-password,
#fg-certificate,
#fg-smartcard,
#fg-fingerprint,
#fg-windows,
#smartcard-selector,
#fingerprint-selector,
#openid-wildcard {
  display: none;
}
*/
#msg-certificate,
#msg-smartcard,
#msg-fingerprint {
  text-transform: initial;
}

/* password/index.html
 */
.change-password #fg-username {
  display: block;
}
#password-must-change {
  display: none;
}

/* portal.html
 */
#portal-content .navbar {
  margin: 0;
}

#portal-content ul {
  padding-top: 5px;
  list-style: none;
}

#portal-content li {
  cursor: pointer;
}

#portal-content li a {
  text-decoration: none;
}
#portal-content li:hover a {
  text-decoration: underline;
}

#portal-content li img {
  margin: auto;
  opacity: 0.8;
}

#portal-content li:hover img {
  opacity: 1.0;
}

#portal-content .grid-view li {
  width: 200px;
  height: 225px;
  float: left;
}

#portal-content .grid-view img {
  height: 180px;
  width: 180px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
}

#portal-content .grid-view .link-thumbnail {
  margin: 10px 10px 0;
}

#portal-content .grid-view .link-title {
  margin: 3px auto 1em;
  width: 180px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#portal-content .list-view li {
  margin-bottom: 12px;
  width: 100%;
  height: 60px;
}

#portal-content .list-view img {
  height: 60px;
  width: 60px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}

#portal-content .list-view .link-thumbnail {
  margin: 0 10px;
  float: left;
}

#portal-content .list-view .link-title {
  padding-top: 12px;
  font-size: 24px;
}


/* ssoparam.html
 */
#ssoparam-content .group {
  border: 1px solid #dfd9c3;
  padding: .5em 1em;
  margin-bottom: .5em;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
}

#ssoparam-content .auth-method {
  color: #777;
  font-weight: bold;
}

#ssoparam-content .control-label {
  font-weight: normal;
}

#ssoparam-content .checkbox {
  margin-bottom: 15px;
}


/* nossl.html
 */
#import-builtin-cacert,
#import-private-cacert {
  display: none;
}

#nossl-buttons {
  width: 100%;
  text-align: right;
}

#nossl-buttons > .btn-default {
  color: #333;
  margin-top: 10px;
}


/*-----------------------------------------------------------
-------------------------------------------------------------
Soliton Cloud Service Login Portal
-------------------------------------------------------------
-----------------------------------------------------------*/

/*---------------------------------------------
base
---------------------------------------------*/

body,
body.ja {
  background-color: #FFFFFF;
  font-family: /*-apple-system, BlinkMacSystemFont, 'Helvetica Neue', */'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  line-height:100%;
  color:#3e3a39;
}

a, a:visited, a:hover {
  text-decoration:underline;
  color:#3e3a39;
}

a {
  background-image:url(/images/icon_circleRed.svg);
  background-image:url(/images/icon_circleRed.png);
  background-size:6px 6px;
  background-repeat:no-repeat;
  background-position:0 center;
  padding:0 0 0 15px;
}

a:hover {
  color:#3e3a39;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/*---------------------------------------------
button
---------------------------------------------*/

.scsBtn,
.scsBtn[disabled] {
  color:#FFF;
  height:40px;
  line-height:40px;
  padding:0;
  font-size:18px;
  font-weight:normal;
  background-color:#706067;
  background-image:none;
  border:none;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.scsBtn:hover {
  background-color:#706067;
  background-image:none;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/*---------------------------------------------
navi
---------------------------------------------*/

.navbar-default {
  background-color:#a91e35;
  background-image:none;
  border:none;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}

.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:active {
	background-color:#EC1359;
}

.navbar-nav > li > a.dropdown-toggle {
  text-decoration:none;
}

.navbar-default .navbar-nav > .open .dropdown-menu > li > a, 
.navbar-default .navbar-nav > .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav > .open .dropdown-menu > li > a:focus {
  color:#333333;
  text-decoration:none;
  background-color:transparent;
  background-image:none;
}

.navbar-nav a,
.navbar-header a {
  background-image:none;
}

.nav > li > a.navbar-nav_btnHelp {
  display:none;
}


/*---------------------------------------------
login
---------------------------------------------*/

.scsLogin_logo {
  margin:0;
  padding:70px 0 35px 0;
  width:100%;
  text-align:center;
  background-color:#a91e35;
}

.scsLogin_logo-logo {
  display:inline-block;
  color:#FFF;
  margin:0;
  padding:0 0 0 150px;
  text-align:left;
  font-size: 32px;
  font-weight:normal;
  line-height:130%;
  border:none;
  background-image:url(/images/icon_cloud.svg);
  background-image:url(/images/icon_cloud.png);
  background-repeat:no-repeat;
  background-size:104px 77px;
  background-position:top left;
}

.scsLogin_form {
  margin:0;
  padding:0;
  text-align:center;
}

.scsLogin_form form {
  margin:0;
  padding:0;
}

.scsLogin_form-frame {
  display:inline-block;
  width:450px;
  text-align:left;
  margin:40px 0 0 0;
  padding:0;
}

.form-group {
  margin-bottom:10px;
}

/* login:msg
----------------------------*/

.scsLogin_form-msg {
  color:#fff;
  background-color:#a91e35;
  background-image:none;
  border:none;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* login:label
----------------------------*/
.scsLogin_form-label {
  margin:10px 0 0 0;
  padding:0;
  display:inline-block;
  font-weight:normal;
  font-size:16px;
  background-repeat:no-repeat;
  background-position:center left;
  vertical-align:middle;
}

.scsLogin_form-labelUser {
  width:120px;
  background-image:url(/images/icon_user.svg);
  background-image:url(/images/icon_user.png);
  background-size:18px 20px;
  padding:5px 0 5px 30px;
}

.scsLogin_form-labelPass {
  width:120px;
  background-image:url(/images/icon_pass.svg);
  background-image:url(/images/icon_pass.png);
  background-size:25px 15px;
  padding:5px 0 5px 30px;
}

.scsLogin_display {
  display:none;
}

.scsLogin_form-labelCertificate {
  font-weight:normal;
  font-size:16px;
}

/* login:control
----------------------------*/
.scsLogin_form-cntrol,
select.scsLogin_form-cntrol {
  display:inline-block;
  margin:10px 0 0 0;
  font-size:16px;
  height:35px;
  background-color:#f7f5f6;
  border:1px solid #727171;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align:middle;
}

.scsLogin_form-cntrolUser {
  width:320px;
}

.scsLogin_form-cntrolPass {
  width:320px;
}

.scsLogin_form-cntrolFingerprint {
  margin-bottom:25px;
}

.scsLogin_form-cntrolCertificate {
  margin-bottom:25px;
}

/* login:form-group
----------------------------*/

.form-groupRemember {
  text-align:center;
}

.checkboxRemember {
  display:inline-block;
  font-size:16px;
}

.checkboxRemember input[type="checkbox"] {
  margin:0 8px 0 0;
  background-color:#f7f5f6;
  border:1px solid #727171;
}

/* login:forget
----------------------------*/

.scsLogin_forget {
  margin-top:20px;
  text-align:center;
  font-size:14px;
}

/* login:iformation frame
----------------------------*/

.scsLogin_information {
  width:100%;
  text-align:center;
  margin:50px 0 10px 0;
  padding:0;
}
.scsLogin_information iframe {
  border:none;
  /*height:700px;*/
}

/*---------------------------------------------
portal
---------------------------------------------*/

#portal-content .list-view .link-title {
  font-size:14px;
}

ul.ui-sortable a {
  background-image:none;
  padding:0;
}

#portal-content .grid-view .link-title {
  margin:10px auto 0 auto;
  line-height:130%;  
}

#portal-content .list-view .link-title {
  font-size:16px;
}

.scsPortal-link {
  margin:30px 15px 0 15px;
}

/*---------------------------------------------
other
---------------------------------------------*/

.content h1 {
  color: #a91e35;
  font-size: 26px;
  font-weight:normal;
  border-bottom: solid 1px #727171;
  background-image:url(/images/icon_circleGray.svg);
  background-image:url(/images/icon_circleGray.png);
  background-size:20px 20px;
  background-repeat:no-repeat;
  background-position:0 5px;
  padding:0 0 15px 30px;
}

.scsLogin_form-labelPassChange {
  background-image:url(/images/icon_circleRed.svg);
  background-image:url(/images/icon_circleRed.png);
  background-size:6px 6px;
  background-repeat:no-repeat;
  background-position:0 center;
  padding:0 0 0 10px;
}

.scsBtn_passChange {
  display:inline-block;
  width:300px;
  margin-top:50px;
}

.jumbotron {
  background-color:transparent;
  font-size:14px;
  line-height:100%;
  padding-top:0;
}

/* footer
---------------------*/
#copyright,
#copyright-m0 {
  text-align: center;
  width: 100%;
  font-size: 11px;
  background-color:#595455;
  color:#FFFFFF;
  height:50px;
  line-height:50px;
  margin:50px 0 0 0;
}

#copyright a, #copyright-m0 a {
  text-decoration:none;
  color:#FFF;
  background-image:none;
  padding-left:5px;
}