@import url("./common_style.css?20230328131018");

body{
  font-family: sans-serif;
}

.box{
  position: relative;
  text-align: center;
}

.img-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.font-20-bold{
    font-size: 20px;
    font-weight: bold;
}

/*-------------------------------------------*/
.header {
  top: 0px;
  right: 0;
  left: 0;
  padding: 0px 20px 0px 20px;
  background-color: white;
  border-bottom: 1px solid #808080;
  position: fixed;
  z-index: 999;
}

.header .logo{
 text-align: center;
}

.header .title{
  text-align: center;
}

.header .title h1{
  margin: 0px;
}

.header .title h2{
  margin: 0px;
}

.header .datetime{
  text-align: right;
}

.header .datetime p{
  margin: 0px;
}

.header .icon{
  text-align: left;
}

.header .icon img{
  width: 34Px;
}

div.container {
	padding: 0px 5px;
}

div.card{
  border: 1px solid #808080;
}

div.detail-card{
  border: 3px solid #808080;
  border-radius: 0.25rem;
}

div.card-body {
  line-height: 1.6;
  padding: 0.5rem 0.5rem;
}

div.card-body h2{
 margin: 0;  
}

div.card-body p{
 margin: 0;  
 font-size: 12px;
}

div.card-body .status{
  line-height: 1.6;
  padding: 0.5rem 0.5rem;
	text-align: center;
  /*position: relative;*/
}	

div.card-body .status p{
 	margin: 0;  
 	font-size: 14px;
}	

div.card-body .icon{
	padding-top: 2px;
}

div.card-body .icon img{
 width: 34px;
 cursor: pointer;
}