/* These styles are generated from project.scss. */
/* メニュー */
ul{
/*  list-style:none;*/
}
.btn-login{
  background-color:#f56500;
  color: #f7f7f7;
  box-shadow: 0px 1px 1px 0px #4d4d4d;
}

.login-form{
  /* background-color:#fff; */
  border-top: 3px solid #806743;
  box-shadow: 0px 1px 1px 0px #000000;
  margin: 2rem 0;
  padding: 3rem 0 2rem 0;
}

.btn-update {
    color: #fff;
    background-color: #006aa1;
    border-color: #006aa1;
}
.btn-update:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.btn-delete{
  background-color:#d9534f;
  color: #f7f7f7;
}

.btn-back{
  background-color:#cccccc;
  color: #1f2020;
}

.header{
  background: #f7f7f7;
  box-shadow: 0px 0px 1px 0px #000000;
  margin-bottom: 1px;
}

.header-title{
	margin-left: .25rem !important;
	padding:20px 0px 5px 0px;
	background-color: #fff;
}

body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.footer{
  background-color:#4d4d4d;
  color: #f7f7f7;
/*
  width: 100%;
  background-color: #89c7de;
  color: #fff;
  text-align: center;
  padding: 30px 0;
*/
	margin-top: auto;
}


body{
  /* background-color:#fff; */
}


.menu{
  background-color:#f7f7f7;
  color: #4d4d4d;
  box-shadow: 0px 0px 1px 0px #000000;
  padding-top: 2rem;
	min-height: calc(100vh - 110px);

}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* ラベルの協調 */
.item-decolation{
  /*border-left: solid 5px #3373bd;*/

  /* background-color: #f2dede; */
  margin-right: 0.5rem;
	font-weight: bold;
}

.item-value{
  /* background-color: #f2dede; */
}

/* タイトル */
.header-title{
	background-color	: #0099FF;
	color							: #FFFFFF;
	font-size					: 120%;
	padding						: 5px;
}

.TableBox{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 2px 20px 20px 0px;
	padding: 20px;
	position: relative;
	box-shadow: 1px 1px 1px 0px #505c74;
	border-radius : 8px;
}

/* 固定幅 */
.w-25px{width :25px;}
.w-50px{width :50px;}
.w-75px{width :75px;}
.w-100px{width :100px;}
.w-125px{width :125px;}
.w-150px{width :150px;}
.w-175px{width :175px;}
.w-200px{width :200px;}
.w-225px{width :225px;}
.w-250px{width :250px;}
.w-275px{width :275px;}
.w-300px{width :300px;}
.w-325px{width :325px;}
.w-350px{width :350px;}
.w-375px{width :375px;}
.w-400px{width :400px;}
.w-425px{width :425px;}
.w-450px{width :450px;}
.w-475px{width :475px;}
.w-500px{width :500px;}
.w-525px{width :525px;}
.w-550px{width :550px;}
.w-575px{width :575px;}

/* 可変幅 */
.w-auto{width :auto;}
.w-p10{width :10%;}
.w-p15{width :15%;}
.w-p20{width :20%;}
.w-p25{width :25%;}
.w-p30{width :30%;}
.w-p35{width :35%;}
.w-p45{width :45%;}
.w-p40{width :40%;}
.w-p50{width :50%;}
.w-p55{width :55%;}
.w-p60{width :60%;}
.w-p65{width :65%;}
.w-p79{width :70%;}
.w-p75{width :75%;}
.w-p80{width :80%;}
.w-p85{width :85%;}
.w-p90{width :90%;}
.w-p95{width :95%;}
.w-p100{width :100%;}

/* ファイルアップロード */
.uploadBackGround{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	background-color: #000000;
	opacity: 0.5;
	z-index: 1100;
}
.uploadArea{
	position: fixed;
	text-align: center;
	top: 100px;
	left: 100px;
	display: none;
	z-index: 1200;
	background: #ffffff;
}
.droppable-hover{
  background-color: #f08080;
}
.draging{
  background-color: #ffff00;
}

.file-entry-area{
width: 90%;
height: 35px;
border: dashed 1px;
overflow: hidden;
}

/* 日付の表示 */
.item-date{
  width: 40px;
  border: none;
  text-align: center;
}

/* 既存Bootstrapを変更 */
.nav-pills .nav-link, .nav-pills .show > .nav-link {
  border: 1px solid rgba(0,0,0,0.3);
  border-bottom:0;
  margin-right: 0.5rem;
  cursor: pointer;
  color: #4d4d4d;
}

.nav-pills .nav-link:hover, .nav-pills .show > .nav-link {
  background-color: #ff6f11;
  color: #f7f7f7;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #f7f7f7;
  background-color: #f56500;
  border: 1px solid rgba(0,0,0,0.125);
  border-bottom:0;
  margin-right: 0.5rem;
  cursor: pointer;
}

.nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link {
  color: #f7f7f7;
  background-color: #ff6f11;
}

/* 自作 */
.nav-link-custom{
  display: block;
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #6c757d;
  margin-right: 0.5rem;
  border: 1px solid rgba(0,0,0,0.125);
  border-radius: 5% 5% 0% 0%;
}

.nav-link-custom:hover{
  background-color: #00000029;
  color: #6c757d;
  text-decoration: none;
}

.nav-link-custom.active{
  display: block;
  padding: 0.5rem 1rem;
  background-color: #6c757d;
  color: #f7f7f7;
  margin-right: 0.5rem;
  border: 1px solid rgba(0,0,0,0.125);
  border-radius: 5% 5% 0% 0%;
}

/* 自作 */

.file-preview2{
  width: 48%;
  min-width: 150px;
  max-width: 240px;
}

.file-preview3{
  width: 30%;
  min-width: 100px;
  max-width: 160px;
}

/* 入力 */
.InputSelect{
background-color: #E8F0FE;
}
.InputText{
background-color: #E8F0FE;
}
.InputNum
,.InputNum_BorderZero
,.InputNum_Hissu
,.InputNum_Border
,.InputNumValue
,.InputNumValue_Border
,.InputNumValue_Hissu
,.inptNum
,.InputFloat2
,.InputFloat2_Border
,.InputFloat2Zero
,.InputFloat2Zero_Border
{
text-align :right;
background-color: #E8F0FE;
}

.InputDate
,.InputDate_Border
,.InputDate_Hissu
{
text-align :center;
background-color: #E8F0FE;
}

.dummy-link{
  color: #00a0eb;
  background-color: transparent;
  cursor: pointer;
}

/*
a{
color: #4d4d4d;
}
a:hover{
color: #0033cc;
text-decoration: none;
}
*/

a.custom{
color: #4d4d4d;
}
a.custom:hover{
color: #00a0eb;
text-decoration: none;
}

.pg-title{
	color:#4d4d4d; !important;
	background-color: transparent;


}

/* データ出力 */
.btn-output {
	background-color: #ffffff;
	border-color: #cccccc;
	color: #4d4d4d;
}

.btn-output:hover, .btn-output:focus,
.btn-output:active, .btn-output:active:focus, .btn-output:active:hover, .btn-output:active.focus,
.btn-output.active, .btn-output.active:focus, .btn-output.active:hover, .btn-output.active.focus,
.open > .dropdown-toggle.btn-output,
.open > .dropdown-toggle.btn-output:hover,
.open > .dropdown-toggle.btn-output:focus,
.open > .dropdown-toggle.btn-output.focus,
.btn-output.disabled:hover, .btn-output[disabled]:hover, fieldset[disabled] .btn-output:hover,
.btn-output.disabled:focus, .btn-output[disabled]:focus, fieldset[disabled] .btn-output:focus,
.btn-output.disabled.focus, .btn-output[disabled].focus, fieldset[disabled] .btn-output.focus {
	color: #4d4d4d;
	background-color: #f7f7f7;
	border-color: #cccccc;
}
/*　検索など */
.btn-action {
	color: #fff;
	background-color: #006aa1;
	border-color: #006aa1;
}

.btn-action:hover, .btn-action:focus,
.btn-action:active, .btn-action:active:focus, .btn-action:active:hover, .btn-action:active.focus,
.btn-action.active, .btn-action.active:focus, .btn-action.active:hover, .btn-action.active.focus,
.open > .dropdown-toggle.btn-action,
.open > .dropdown-toggle.btn-action:hover,
.open > .dropdown-toggle.btn-action:focus,
.open > .dropdown-toggle.btn-action.focus,
.btn-action.disabled:hover, .btn-action[disabled]:hover, fieldset[disabled] .btn-action:hover,
.btn-action.disabled:focus, .btn-action[disabled]:focus, fieldset[disabled] .btn-action:focus,
.btn-action.disabled.focus, .btn-action[disabled].focus, fieldset[disabled] .btn-action.focus {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}

.btn-action.outline {
  border: 3px solid #006aa1;
  color: #006aa1;
}

.content-sub-title {
    color: #fff;
    background-color: #006aa1;
    border-color: #006aa1;
}