/*
 *   css for Plaza
 */


/*
 * 詳細テーブルヘッダー用
 */
table.table-plaza tbody th{
	border:1px solid white;
	background-color: #d9edf7;
}

/*取引先 賃借人検索画面の検索結果のホバー色を淡い青色にする*/
#customer_table.table-hover > tbody > tr:hover {
	background-color: #c4e3f3;
}
/*
 * ヘッダー部 カスタマイズ
 */
@media (max-width: 767px) {
	.skin-black-light .main-header .navbar-static-top{
		display:block;
/*		position: absolute;*/
		right: 0px;
		top:0;
		width:100%;
		z-index:0;
	}
}

.main-header .logo{
	position:relative;
	display:block;
	float:left;
}


.icon-bar{
	height:3px;
	background-color:white;
}

@media (min-width: 768px){
	.navbar-nav {
	    float: right;
	    margin: 0;
	}

	#navbar-right-container ul#navbar-global-nav{
	}

	#navbar-right-container ul#navbar-global-nav li{
		display:block;
		float:right;
	}

	#navbar-right-container ul#navbar-global-nav li a{
		height:60px;
		vertical-align:middle;
		line-height:2em;
	}
}

@media (max-width: 767px) {

  .main-header .logo,
  .main-header .navbar {	/*20171031 kitano*/
    width: auto;
  }
  .main-header .logo{
	width: auto;
    float: left;
    z-index: 10;
    padding-left:0;
  }

	#plaza-site-logo{
		display:block;
		width:78% !important;
		max-width: 300px;
		padding:0;
	}

	#plaza-site-logo img {
		display:block;
		width:100% !important;

	}

  .main-header .navbar {
    margin: 0;
    width: 10%;
    float: right;
  }

  .navbar-custom-menu{
	margin: 10px 5px 0 0;
  }

  #navbar-right-container{
	position: absolute;
	width:100%;
	background: #d9edf7;
	padding:0;
  }

  #navbar-right-container ul#navbar-global-nav{
	padding:0;
	margin:0;
  }


  #navbar-right-container #navbar-global-nav li{
	display:block;
	width:100%;
	text-align:center;
	border-bottom: 1px solid #ccc;
	margin:0;
  }

  #navbar-right-container #navbar-global-nav li a{
	display:block;
	width:100%;
  }

}

/*
 * フッター部 カスタマイズ
 */
footer.main-footer{
	padding: 0 15px;
}

footer #footer-signature{

}

	footer #footer-signature a{
		display:block;
		margin-top: 10px;
	}

	footer #footer-signature p{
		margin-top:10px;
	}

footer #footer-rightside{
	padding-top: 10px;
}


/*
 * ログイン
 */
body.login-page{
	background: #efefef;
}


html.plaza .login-box{
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}
html.plaza .login-box .login-box-body{
	border-radius: 10px;
}

/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-logo a,
.register-logo a {
  color: #444;
}
.login-page,
.register-page {
  background: #d2d6de;
}
.login-box,
.register-box {
  width: 700px;
  margin: 4% auto 0 auto;
}
@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
}
.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}
.login-box-msg,
.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
}
.social-auth-links {
  margin: 10px 0;
}

.login-contact-box{
	border:#b5b5b5 1px solid;
	background-color:#f8f8f8;
	padding:10px;
	color: #888;
}




/*
 * 基本デザイン
 * bootstrapのデザインを上書き
 */

/*ボタン*/
html.wisi .btn-primary {
    background-color: #366a9d;
    border-color: #367fa9;
}


.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body{
    background-color: #0f54a2 !important;
    border-color: #04264c;
}

/*トグルボタン*/
.skin-black-light .main-header .navbar-toggle{
	box-shadow: 1px 1px 1px rgba( 70, 70 , 70, 0.2 ),/*外側 ダウンシャドウ*/
				1px 1px 0px 0px rgba(255,255,255,0.7) inset,
				1px 1px 1px 0px rgba(103,89,0,1) inset,
				1px 1px 1px 0px rgba(255,255,255,0.9) inset,
				-1px -1px 4px 0px rgba(0,0,0,0.2) inset,
				-2px -2px 1px 0px rgba(103,89,0,1) inset,
				-2px -2px 1px 0px rgba(255,255,255,0.9) inset
				;
    background-color: #366a9d;
}

/*パディングなし*/
.no-pad{
	padding:0;
}

/*<h>タグの装飾*/
.index_htag_color{
	border-left:13px solid #0f54a2;
	border-radius: 2px;
	padding:13px 10px;
	background: #b8d6ff;
}

.margin-bottom-10p{
	margin-bottom:10px;
}
.margin-bottom-35p{
	margin-bottom:35px;
}

/*20220621 電子契約確認画面レイアウト変更*/
.select_block {
  display: flex;
  margin: 30px 0 20px;
}

.select_block_inner {
  position: relative;
  border: 3px solid #222;
  margin-right: 40px;
  padding: 20px;
}

.select_block_inner h4 {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f8f8f8;
  width: 80%;
  padding: 0 10px;
  font-weight: bold;
  text-align: center;
}

.select_block_inner button {
  margin: 5px;
}