@charset "UTF-8";

/* ci color */
:root {
  --SMCOL: rgb(7,156,64) ;
  --SMCOLPALE: rgb(91,181,110) ;
}

.tenpo_head{
	padding: 0.5em 1em;
    margin: 0.1em 0;
	color : var(--SMCOL) ; /*文字色*/
	border: solid 3px var(--SMCOL) ; /*線*/
    border-radius: 10px ; /*角丸*/
}

.material_head{
	padding: 0.1em 1em;
  margin: 0 1px;
	color : white ; /*文字色*/
	background-color : var(--SMCOL) ; /*バック*/
	border: solid 3px var(--SMCOL) ; /*線*/
  border-radius: 10px ; /*角丸*/
}

.prev_link{
	padding: 0.1em 1em;
  margin: 0 1px;
	color : white ; /*文字色*/
	background-color : var(--SMCOL) ; /*バック*/
	border: solid 1px var(--SMCOL) ; /*線*/
  border-radius: 3px ; /*角丸*/
  font-size: xx-small;
  text-align: center;
}

.bgsmcol{
	background-color : var(--SMCOL) ;  /*バック*/
}
.bgsmcol_pale{
	background-color : var(--SMCOLPALE) ;  /*バック*/
}

.bggray{
	background-color : rgb(220,220,220) ; /*バック*/
}

.colgray{
	color : rgb(100,100,100) ; /*文字*/
}

.suuji{
  text-align: right;
}

/* 必須入力項目 枠線 */
.input_request{
  border: 1px solid rgb(255,0,255) ;  /* 枠線 */
  outline: 1px solid rgb(255,0,255) ;  /* 枠線 */
}
/* 倉庫在庫 不足 再入力 背景 */
.recalc_request{
  color : rgb(255,0,255) ; /*バック*/
}

button:disabled {
  color: #ccc;
}

td{
  padding: 2px 7px 2px 0 ;
}

.row_hr{
  margin: 1px;
  border: 1px gray;
  border-bottom-style: solid;
}

.navi-bar{
  position: fixed;
  width: 80%;
  top: 1px;
  left: 10%;
  padding-top: 0px;
  z-index: 1000;
  background-color: white;
}

#restor{
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/*
.main_container{
  margin-top: 100px;
} */


/* ダイアログ */
dialog {
  background: #fff;
  border: var(--SMCOL) 5px solid;
  border-radius: 10px;
  box-shadow: 0 0 10px #555;
  color: #111;
  opacity: 0;
  transition: opacity .5s ease-in-out;
  width: 80%;
  &::backdrop {
    background: rgba(0, 0, 0, 0);
    transition: background .5s ease-in-out;
  }
  &.show {
    opacity: 1;
    &::backdrop {
      background: rgba(100, 100, 100, 0.8);
    }
  }

 card {
       text-align: center;
 }
}

/* テキストエリア */
.tahitokoto {
width:100%;
height:400px;
}