*{
    font-family: 'Prompt', sans-serif;
  }
  .prompt{
	  font-family: 'Prompt', sans-serif !important;
  }
  
  
  .user-avatar {
  display: flex;
  align-items: center;
  flex-direction: row;
  text-align: left;
  margin: 0px;
  line-height:1.1;
}

.user-avatar img {
  border-radius: 50%;
  border: 2px solid white;
   object-fit: cover;
}

.user-avatar .name {
  margin: 0 3px;
  //font-size: 1.2em;
  font-weight: bold;
}

.user-avatar .status {
  margin: 0 2px;
  //font-size: 1em;
  color: gray;
}
  
  
  
  
  
  
	.line-oa-body{
	min-height:1800px  !important;
	}
	span{line-height: 1.5; }
	.icon-10{ font-size:30pt; }
	.icon-9{ font-size:26pt; }
	.icon-8{ font-size:23pt; }
	.icon-7{ font-size:20pt; }
	.icon-6{ font-size:18pt; }
	.icon-5{ font-size:16pt; }
	.icon-4{ font-size:13pt; }
	.icon-3{ font-size:10pt; }
	.icon-2{ font-size:8pt; }
	.icon-1{ font-size:5pt; }
	
.title-10{ font-size:24pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-9{ font-size:21pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-8{ font-size:19pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-7{ font-size:17pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-6{ font-size:15pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-5{ font-size:13pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-4{ font-size:11pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-3{ font-size:9pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-2{ font-size:7pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-1{ font-size:5pt; line-height: 1.2;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.text-15{ font-size:32pt; line-height: 1.5; }
.text-14{ font-size:30pt; line-height: 1.5; }
.text-13{ font-size:28pt; line-height: 1.5; }
.text-12{ font-size:26pt; line-height: 1.5; }
.text-11{ font-size:24pt; line-height: 1.5; }
.text-10{ font-size:22pt; line-height: 1.5; }
.text-9{ font-size:20pt; line-height: 1.5; }
.text-8{ font-size:18pt; line-height: 1.5; }
.text-7{ font-size:16pt; line-height: 1.5; }
.text-6{ font-size:14pt; line-height: 1.5; }
.text-5{ font-size:12pt; line-height: 1.8; }
.text-4{ font-size:10pt; line-height: 1.8; }
.text-3{ font-size:8pt; line-height: 1.8; }
.text-2{ font-size:6pt; line-height: 1.8; }
.text-1{ font-size:4pt; line-height: 1.5; }

.sub-text-15{ font-size:50pt; line-height:0.9; }
.sub-text-14{ font-size:45pt; line-height:0.9; }
.sub-text-13{ font-size:40pt; line-height:0.9; }
.sub-text-12{ font-size:37pt; line-height:0.9; }
.sub-text-11{ font-size:33pt; line-height:0.9; }
.sub-text-10{ font-size:28pt; line-height:0.9; }
.sub-text-9{ font-size:24pt; line-height:0.9; }
.sub-text-8{ font-size:21pt; line-height:0.9; }
.sub-text-7{ font-size:18pt; line-height:0.9; }
.sub-text-6{ font-size:15pt; line-height:0.9; }
.sub-text-5{ font-size:13pt; line-height:0.9; }
.sub-text-4{ font-size:10pt; line-height:0.9; }
.sub-text-3{ font-size:8pt; line-height:0.9; }
.sub-text-2{ font-size:5pt; line-height:0.9; }
.sub-text-1{ font-size:3pt; line-height:0.9; }
	.yt-box{
		width: 100%;
		height: 210px;
	}
	.clock-canvas{width: 100px;}
	.top-spacing{margin : 30px 0 3px 0;}
		.sidebox{ width:40%;  overflow: hidden;background-color:rgba(,0,0,0,0.2)}
		.mainbox{ width:60%; overflow: hidden;background-color:rgba(,0,0,0,0.2)}
	
	@media (min-width: 768px) {
			.line-oa-body{
	min-height:2000px  !important;
	}
		//pc  screen
		span{line-height: 1.5; }
	.icon-10{ font-size:55pt; }
	.icon-9{ font-size:50pt; }
	.icon-8{ font-size:45pt; }
	.icon-7{ font-size:40pt; }
	.icon-6{ font-size:35pt; }
	.icon-5{ font-size:28pt; }
	.icon-4{ font-size:20pt; }
	.icon-3{ font-size:15pt; }
	.icon-2{ font-size:13pt; }
	.icon-1{ font-size:9pt; }
	
.title-10{ font-size:28pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-9{ font-size:26pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-8{ font-size:24pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-7{ font-size:21pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-6{ font-size:18pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-5{ font-size:15pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-4{ font-size:13pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-3{ font-size:11pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-2{ font-size:8pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title-1{ font-size:5pt; line-height: 1.5;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.text-15{ font-size:65pt; line-height: 1.5; }
.text-14{ font-size:60pt; line-height: 1.5; }
.text-13{ font-size:55pt; line-height: 1.5; }
.text-12{ font-size:50pt; line-height: 1.5; }
.text-11{ font-size:45pt; line-height: 1.5; }
.text-10{ font-size:40pt; line-height: 1.5; }
.text-9{ font-size:35pt; line-height: 1.5; }
.text-8{ font-size:28pt; line-height: 1.5; }
.text-7{ font-size:24pt; line-height: 1.5; }
.text-6{ font-size:18pt; line-height: 1.5; }
.text-5{ font-size:14pt; line-height: 1.5; }
.text-4{ font-size:12pt; line-height: 1.5; }
.text-3{ font-size:10pt; line-height: 1.5; }
.text-2{ font-size:8pt; line-height: 1.5; }
.text-1{ font-size:5pt; line-height: 1.5; }

.sub-text-15{ font-size:50pt; line-height:1.1; }
.sub-text-14{ font-size:45pt; line-height:1.1; }
.sub-text-13{ font-size:40pt; line-height:1.1; }
.sub-text-12{ font-size:37pt; line-height:1.1; }
.sub-text-11{ font-size:33pt; line-height:1.1; }
.sub-text-10{ font-size:28pt; line-height:1.1; }
.sub-text-9{ font-size:24pt; line-height:1.1; }
.sub-text-8{ font-size:21pt; line-height:1.1; }
.sub-text-7{ font-size:18pt; line-height:1.1; }
.sub-text-6{ font-size:15pt; line-height:1.1; }
.sub-text-5{ font-size:13pt; line-height:1.1; }
.sub-text-4{ font-size:10pt; line-height:1.1; }
.sub-text-3{ font-size:8pt; line-height:1.1; }
.sub-text-2{ font-size:5pt; line-height:1.1; }
.sub-text-1{ font-size:3pt; line-height:1.1; }
	.yt-box{
		width: 100%;
		height: 210px;
	}
	.clock-canvas{width: 100px;}
	.top-spacing{margin : 30px 0 3px 0;}
		.sidebox{ width:40%;  overflow: hidden;background-color:rgba(,0,0,0,0.2)}
		.mainbox{ width:60%; overflow: hidden;background-color:rgba(,0,0,0,0.2)}
}
	
.yellow{color:#ff0;}
.white{color:#fff;}
.black{color:#000;}
.blue{color:#251eba;}
	.brown{color:#96290c;}
	.red{color:#cd1204}
	.green{color:#1AE005}
	.gray{color:#555;}
	.gray-1{color:#f1f1f1;}
	.gray-2{color:#cccc;}
	.gray-3{color:#aaa;}
	.tab-1{margin:0 0 0 20px;}
	.row-hover:hover{background-color:rgba(230,230,230,0.8)};


.small-10{ line-height:1; font-size:10pt; } 
.small-9{ line-height:1; font-size:9pt; }
.small-8{ line-height:1; font-size:8pt; }
.small-7{ line-height:1; font-size:7pt; }
.small-6{ line-height:1; font-size:6pt; }
.small-5{ line-height:1; font-size:5pt; }
.small-4{ line-height:1; font-size:4pt; }
.small-3{ line-height:1; font-size:3pt; }
.small-2{ line-height:1; font-size:2pt; }
.small-1{ line-height:1; font-size:1pt; }
.light-1{color:#f2f2f2;}
.light-2{color:#eee;}
.light-3{color:#ccc;}
.light-4{color:#bbb;}
.bold-1{font-weight:200;}
.bold-2{font-weight:400;}
.bold-3{font-weight:600;}
.bold-4{font-weight:800;}
.grid_img{
 border-style: solid;
  border-color: #fff;	
  border-width: 2px;
}
.bg-green-1{
	background-color:rgba(30,81,20,1);
}
.bg-green-2{
	background-color:rgba(59,126,45,1);
}
.bg-green-3{
	background-color:rgba(97,163,84,1);
}
bg-light-1{
	background-color:rgba(190,190,190,1);	
}
.border-1{
	 border: 1px solid #888;
}

.text-border-1 {
    text-shadow: 
        -1px -1px 0 black,
         1px -1px 0 black,
        -1px  1px 0 black,
         1px  1px 0 black;
}

.text-border-2 {
    text-shadow: 
        -2px -2px 0 black,
         2px -2px 0 black,
        -2px  2px 0 black,
         2px  2px 0 black,
         0px -2px 0 black,
         0px  2px 0 black,
        -2px  0px 0 black,
         2px  0px 0 black;
}

.text-border-3 {
    text-shadow:
        -3px -3px 0 black,
         3px -3px 0 black,
        -3px  3px 0 black,
         3px  3px 0 black,
         0px -3px 0 black,
         0px  3px 0 black,
        -3px  0px 0 black,
         3px  0px 0 black,
        -2px -2px 0 black,
         2px -2px 0 black,
        -2px  2px 0 black,
         2px  2px 0 black,
         0px -2px 0 black,
         0px  2px 0 black,
        -2px  0px 0 black,
         2px  0px 0 black;
}

.text-border-5 {
    text-shadow: 
        -5px -5px 0 #000,
        5px -5px 0 #000,
        -5px 5px 0 #000,
        5px 5px 0 #000,
        0px -5px 0 #000,
        0px 5px 0 #000,
        -5px 0px 0 #000,
        5px 0px 0 #000,
        -4px -4px 0 #000,
        4px -4px 0 #000,
        -4px 4px 0 #000,
        4px 4px 0 #000,
        0px -4px 0 #000,
        0px 4px 0 #000,
        -4px 0px 0 #000,
        4px 0px 0 #000,
        -3px -3px 0 #000,
        3px -3px 0 #000,
        -3px 3px 0 #000,
        3px 3px 0 #000,
        0px -3px 0 #000,
        0px 3px 0 #000,
        -3px 0px 0 #000,
        3px 0px 0 #000,
        -2px -2px 0 #000,
        2px -2px 0 #000,
        -2px 2px 0 #000,
        2px 2px 0 #000,
        0px -2px 0 #000,
        0px 2px 0 #000,
        -2px 0px 0 #000,
        2px 0px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000,
        0px -1px 0 #000,
        0px 1px 0 #000,
        -1px 0px 0 #000,
        1px 0px 0 #000,
        -6px -6px 0 #000,
        6px -6px 0 #000,
        -6px 6px 0 #000,
        6px 6px 0 #000,
        0px -6px 0 #000,
        0px 6px 0 #000,
        -6px 0px 0 #000,
        6px 0px 0 #000;
}