@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-family: "Meiryo UI","Droid Sans", "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	background-color: #ffffff;
}
input {
	font-family: "Meiryo UI","Droid Sans", "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
a {
	display: block;
	text-decoration: none;
}

img {border:0;} 

/* ログインページ */

div#login-page {
	width: 900px;
	max-width: 100%;

	margin:0 auto;
	background-color: #ffffff;
}
.login-top {
	margin:0 auto;
	padding: 50px 0 30px 0;
}

.login-top img{
	max-width: 100%;
}

.login-title {
	text-align: left;
}

.login-title p {
	color: #555555;
	font-size: 24px;
	font-weight: 700;
	line-height: 21px;
}

.login-input {
	background-color: lavender;
	padding: 25px 20px 30px 50px;
}

.login-input p {
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
}

.login-input input {
	font-size: 150%;
}

.login-check form {
	margin: 10px 0 0 0;
}

.login {
	text-align: center;
	padding: 40px 0 10px 0;
}

.login p {
	color: #3570ED;
}

/* FOOTER */

div#footer {
	margin:30px 0 0 0;
	padding: 10px 0 0 0;
	height:50px;
	background-color: #555555;
}

div#footer p {
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 15px;
}

/* ページ全体*/

div#pagebody {
	width: 99%;
	margin:3% auto;
	background-color: #ffffff;
}

/* ページトップ */

.top {
	z-index:100;
	top:0;
	/* width: 100vw; */
	/* position: sticky; */
	position: fixed;
	white-space: nowrap;
	height: 30px;
	padding: 5px 0 5px 30px;
	background-color: #6495ED;
}

.top p {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 30px;
}

.company-name {
	float:left;
	margin: 0 auto;
}

.acc-nav-button {
  position: relative;
  float:right;
  width: 200px;
  height: 30px;
  background: #6495ED;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  box-sizing: border-box;
}

.acc-nav-button label {
    background: #6495ED;
  	text-align: center;
  	color: #ffffff;
  	font-size: 12px;
  	font-weight: 500;
  	line-height: 20px;
    padding: 7px;
    display: block;
    margin: 0;
	cursor: pointer;
}

.acc-nav-button label::after {
	position: absolute;
    content: "";
    top: 13px;
    left: 160px;
    border: 6px solid transparent;
    border-top: 8px solid #fff;
	
}

input[type="checkbox"].on-off{
    display: none;
}

.acc-nav-button-menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.acc-nav-button-menu li {
	background: #6495ED;
  	text-align: center;
  	color: #ffffff;
  	font-size: 12px;
  	font-weight: 500;
  	line-height: 20px;
}

.acc-nav-button-menu li a {
	display: block;
  	color: #ffffff;
	width: 200px;
    height: 30px;
	padding: 10px 0 0 0;
}

.acc-nav-button-menu li a:hover {
	background:#64a1ed;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
}

/* 検索エリア */

.lookup {
	display:flex;
	justify-content:space-between;
}

.lookup-box1 {
	width: 120px;
	position:relative;
	margin:0 auto;
}

.lookup-box1 p {
	position:absolute;
	color:#4169E1;
	top:-10px;
	left:20px;
	font-size: 12px;
	font-weight: 600;
	line-height: 21px;
}

.lookup-box1 a {
	background-position: center;
    	width: 121px;
    	height: 27px;
    	background: url(../img/button-120.png) no-repeat;
    	display: block;
	margin: 0 auto;
}

.lookup-box1 a:hover {
	background-position: center;
    background-image: url(../img/button-120-hover.png);
	margin: 0 auto;
}

div.divcenter{
	text-align: center;
}

div.divright{
	text-align: right;
}

button.btn_white {
	color:#4169E1;
	font-size: 12px;
	font-weight: 600;
	line-height: 21px;
	border-color: gray;
	background-color: white;
	border-radius: 5px;
	border-style: solid;
	padding-left: 20px;
	padding-right: 20px;
}
button.btn_white:hover {
	border-color: #4169E1;
	background-color: #E4E9F7;
	cursor: pointer;
}

button.btn_white_side {
	color:#4169E1;
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
	border-color: gray;
	background-color: white;
	border-radius: 5px;
	border-style: solid;
	padding-left: 15px;
	padding-right: 18px;
}
button.btn_white_side:hover {
	border-color: #4169E1;
	background-color: #E4E9F7;
	cursor: pointer;
}

button.btn_blue {
	color:#ffffff;
	border-color: #6699FF;
	background-color: #6699FF;
	font-size: 12px;
	font-weight: 600;
	line-height: 21px;
	border-radius: 5px;
	border-style: solid;
	padding-left: 20px;
	padding-right: 20px;
}
button.btn_blue:hover {
	color: #6495ED;
	border-color: #6699FF;
	background-color: #ffffff;
	cursor: pointer;
}
button.btn_blue:disabled {
	opacity: 0.5;
	pointer-events : none;
}
button.btn_blue_big {
	color:#ffffff;
	border-color: #6699FF;
	background-color: #6699FF;
	font-size: 16px;
	font-weight: 600;
	line-height: 21px;
	border-radius: 5px;
	border-style: solid;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
button.btn_blue_big:hover {
	color: #6495ED;
	border-color: #6699FF;
	background-color: #ffffff;
	cursor: pointer;
}
button.btn_blue_big:disabled {
	opacity: 0.5;
	pointer-events : none;
}
.lookup-set {
	width: 33%;
	margin:10px auto;
	text-align: left;
	background-color: #ffffff;
}

.lookup-input {
	background-color: lavender;
	padding: 5px 0 10px 10px;
	height: 64%;
}

.lookup-input form {
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.lookup-input input {
	/* margin: 10px 0 0 0; */
	padding: 0 0 0 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.lookup-input select {
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	height: 21px;
	min-width: 180px;
	max-width: 300px;
}

.lookup p.title {
	color: #808080;
	font-size: 12px;
	font-weight: 700;
	line-height: 10px;
	padding: 0 0 0 10px;
}

table.lookup-tbl-1 {
	margin: 1px 0 2px 0;
}

table td.lookup-tbl {
	height:25px;
	padding: 3px 10px;
	border: none;
	text-align: left;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;	
}

/* カレンダーアイコン */
img.ui-datepicker-trigger{
  cursor: pointer;
  margin-left: 5px!important;
  vertical-align:middle;
}


/* データ表示メニューバー */

.select-button-on {
   display:block;
   width: 100%;
   height: 30px;
   background: #ffffff;
   border-top: solid 1px #c0c0c0;
}

.select-button-on a {
	margin-top:7px;
	color:#4169E1;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.select-button-off {
   display:block;
   width: 100%;
   height: 30px;
   background: #eeeeee;
   border-top: solid 1px #c0c0c0;
   border-bottom: solid 1px #c0c0c0;
}

.select-button-off a {
	padding: 7px 0 0 0;
	color:gray;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.select-button-off a:hover {
	padding: 7px 0 6px 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	background: #6495ED;
	color: #ffffff;
}

.select-part {
	display:flex;
	justify-content:space-evenly;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background-color: #ffffff;
}

.select-piece0 {
	width: 34%;
	margin:auto;
	text-align: center;
	background-color: #ffffff;
	border-right: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
}

.select-piece1 {
	width: 33%;
	margin:auto;
	text-align: center;
	background-color: #ffffff;
	border-right: solid 1px #c0c0c0;
		border-left: solid 1px #c0c0c0;
}

/* データ表示部（PC利用時間リスト） */

.data-piece1 {
	width: 100%;
	margin: 15px 0 10px 0;
}

.data-piece1 p {
	color: #555555;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
}

.data-header {
	display:flex;
	justify-content:space-between;
	margin: 0 auto;
}

.display-control {
	padding: 0;
	margin: 0;
}

.display-control p {
	margin:0;
	padding: 4px 0 0 0;
	font-size: 12px;
	font-weight: 300;
	line-height: 14px;
}

.display-control-list {
	padding: 0;
	height: 25px;
}

.display-control-list img {
	padding: 0px;
	margin: 0 auto;
}

.display-control p.radio-button {
	margin:0;
	padding: 0 0 3px 0;
	font-size: 12px;
	font-weight: 300;
	line-height: 14px;
}

.csv-download {
	width:5%;
	text-align: right;
	padding: 0 20px 0 0;
	
}

/* データ表示部（ページネーション） */

.pager {
    overflow: hidden;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
	margin: 0 auto;
}
 
.pager ul li {
    margin: 0 1px;
    position: relative;
    left: -75%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 10px;
    padding: 0.4em 0.6em;
    border-radius: 2px;
}
 
.pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #555;
    color: #FFF;
}

/* データ表示部（PC利用時間リストTBL） */

table.tbl-form1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto;
}

table th.tbl-title-form1 {
	word-wrap: break-word;
	table-layout: auto;
	white-space: nowrap;
	padding: 3px 5px;
	background-color:#ffffff;
	color:#4169E1;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 2px #c0c0c0;
	text-align: center;
}

table th.tbl-title-form1 {
	background-image:url(../img/bg.gif);
	background-repeat:no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tbl-form1 tr:nth-child(2n+1) {
 background:#eeffff;
 }

table th.headerSortUp {
	background-image:url(../img/asc.gif);
}

table th.headerSortDown {
	background-image:url(../img/desc.gif);
}

table.tbl-form1 tr:hover {
  background-color: #ffffdd;
}

table td.tbl-form2 {
	table-layout: auto;
	white-space: nowrap;
	padding: 3px 5px;
	text-align: left;
	color:#333333;
	font-size: 11px;
	font-weight: 300;
	line-height: 14px;
	border-bottom: solid 1px #c0c0c0;
}

table td.tbl-form3 {
	table-layout: auto;
	white-space: nowrap;
	width: 20px;
	padding: 3px 5px;
	text-align: center;
	color:#333333;
	font-size: 11px;
	font-weight: 300;
	line-height: 14px;
	border-bottom: solid 1px #c0c0c0;
}

table td.tbl-form4 {
	table-layout: auto;
	white-space: nowrap;
	width: 20px;
	padding: 3px 5px;
	text-align: right;
	color:#333333;
	font-size: 11px;
	font-weight: 300;
	line-height: 14px;
	border-bottom: solid 1px #c0c0c0;
}


table td.tbl-form-des {
	table-layout: auto;
	white-space: nowrap;
	padding: 3px 5px;
	text-align: left;
	color:#333333;
	font-size: 11px;
	font-weight: 300;
	line-height: 14px;
	border-bottom: solid 1px #c0c0c0;
}

table th.tbl-title-form4 {
	word-wrap: break-word;
	table-layout: auto;
	padding: 3px 5px;
	background-color:#ffffff;
	color:#4169E1;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 2px #c0c0c0;
	text-align: center;
}
/* システム設定（左ペイン） */

.setting-page {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin: 0 auto;
	/* background-color: #eeffff; */
}

.left-pane {
	z-index:90;
	width:200px;
	margin: 0 auto;
	min-height:calc( 100% - 40px );
	background-color: #3B9DBD;
	background-image: -webkit-linear-gradient(45deg,  #4AA4C2 25%, #4AA4C2 25%, transparent 25%, transparent 75%, #4AA4C2 75%, #4AA4C2 75%),
                    -webkit-linear-gradient(-135deg, #4AA4C2 25%, #4AA4C2 25%, transparent 25%, transparent 75%, #4AA4C2 75%, #4AA4C2 75%);
    background-image: linear-gradient(45deg,  #4AA4C2 25%, #4AA4C2 25%, transparent 25%, transparent 75%, #4AA4C2 75%, #4AA4C2 75%),
                    linear-gradient(-135deg, #4AA4C2 25%, #4AA4C2 25%, transparent 25%, transparent 75%, #4AA4C2 75%, #4AA4C2 75%);
    background-size: 60px 60px;
   	-webkit-background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.setting-menu-title-box {
	display:flex;
	margin:0 0 30px 0;
	padding:3px 0 0 0;
	height:50px;
	text-align:center;
	background-color: #cccccc;
}

.setting-menu-title-box p {
	vertical-align:middle;
}

.setting-menu-title-box a {
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	color:#ffffff;
}

.setting-menu-box {
	margin:10px 0 0 0;
	padding:0 0 8px 0;
	height:50px;
	text-align:left;
	background: rgba(255,0,0,0);
}

.setting-menu-box a{
	color: #ffffff;
}

.setting-menu-box a:hover{
	color:#ffffff;
	background-color: #8bb4ffa4;
}

.setting-menu-box p {
	display:inline-block;
 	vertical-align:middle;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
}

.setting-menu-box p.title {
	display:inline-block;
 	vertical-align:middle;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	color: #ffffff;
}

.setting-menu-box p.menu-img {
	display:inline-block;
 	vertical-align:middle;
	padding: 0 0 0 15px;
}

.setting-menu-box-current {
	margin:10px 0 0 0;
	padding:0 0 8px 0;
	height:50px;
	text-align:left;
	background: rgba(255,0,0,0);
}

.setting-menu-box-current a {
	color:#3B9DBD;
	background-color: #ffffff;
}

.setting-menu-box-current p {
	display:inline-block;
 	vertical-align:middle;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
}

.setting-menu-box-current p.menu-img {
	display:inline-block;
 	vertical-align:middle;
	padding: 0 0 0 30px;
}

/* システム設定（右ペイン） */
.right-pane {
	width:100%;
	margin: 40px 0 0 200px;
	padding-bottom: 15px;
	background-color:#ffffff;
	
}

.setting-title {
	margin:20px 0 20px 35px;
	height:30px;
	text-align:center;
	background-color: #ffffff;
}

.setting-title p {
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	color:#333333;
	text-align: left;
}

.setting-return {
	margin: 0px;
	text-align: left;
}

.setting-return a {
	margin: 0 0 0 50px;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	color:#6495ED;
	text-align: left;
}

.setting-return a:hover {
	text-decoration: underline;
}

.setting-box {
	
	margin: 10px 0 0 30px;
	padding:3px 0 0 0;
	text-align:left;
	background-color: #ffffff;
	justify-content:space-between;
}

.setting-box p {
	padding: 0 0 0 10px;
	color:#333333;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
}

.setting-box h3 {
	color: #555555;
	padding: 5px 10px 5px 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	background: #dbebf8;
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;
}

.setting-box h3:before {
	content: '●';
	color: white;
	margin-right: 8px;
}

.setting-box h5 {
	color: #ffffff;
	padding: 5px 10px 5px 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	background: #999999;
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;
}

.setting-box h5:before {
	content: '■';
	color: white;
	margin-right: 8px;
}

.setting-box h4 {
  	position: relative;
	color: #555555;
  	padding: 0.6em;
	display: inline-block;
  	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
  	background: #e0edff;
}

.setting-box h4:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
	width: 0;
	height: 0;
}

.setting-box h6 {
	color: #555555;
	padding: 5px 10px 5px 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	background: #eeeeee;
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;
}

.setting-box h6:before {
	content: '■';
	color: white;
	margin-right: 8px;
}

.setting-box hr {
	margin: 5px 0 20px 0;
}

.setting-page {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin: 0 auto;
	/* background-color: #eeffff; */
}

table .tbl-form-s01 {
	width: 90%;
	margin: 0 auto;
}

table th.tbl-form-s00 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 200px;
	background-color:#fcfcfc;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 2px #c0c0c0;
	text-align: center;
}

table th.tbl-form-s01 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#fcfcfc;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 2px #c0c0c0;
	text-align: center;
}

table th.tbl-form-s01-b1 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#eeffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	text-align: center;
}

table th.tbl-form-s01-b2 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#eeffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	text-align: center;
	border-bottom: solid 2px #c0c0c0;
}

table th.tbl-form-s01-p1 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#ffeeff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	text-align: center;
}

table th.tbl-form-s01-p2 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#ffeeff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-top: solid 1px #c0c0c0;
	text-align: center;
	border-bottom: solid 2px #c0c0c0;
}

table th.tbl-form-s01-c {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#ffffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-bottom: solid 2px #c0c0c0;
	text-align: center;
}

table td.tbl-form-s00-c {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#ffffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-bottom: solid 1px #c0c0c0;
	text-align: center;
}

table td.tbl-form-s01-c {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#ffffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-bottom: solid 1px #c0c0c0;
	text-align: left;
}

table td.tbl-form-s00 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	background-color:#ffffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-bottom: solid 1px #c0c0c0;
	text-align: left;
}

table td.tbl-form-s01 {
	table-layout: auto;
	white-space: nowrap;
	padding: 5px 8px;
	width: 100px;
	background-color:#ffffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	border-bottom: solid 1px #c0c0c0;
	text-align: left;
}

.tbl-form-s01 a {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: #6495ED;
}

/* 左矢印（システム設定画面トップ） */
.arrow-left {
	margin: 17px 5px 0 20px;
	width: 7px;
	height: 7px;
	border: 5px solid;
	border-color:  transparent transparent #ffffff #ffffff;
	transform: rotate(45deg);
}

ul.list-none{
	list-style:none;
}

div.message.error{
	color: #ED0000;
}

div.message.success{
	color: #0000ED;
}
span.text-red {
	color: #ff0000;
}

span.text-yellow {
	color: #ffe600;
}

a.like-btn {
	color:#4169E1;
	font-size: 12px;
	font-weight: 600;
	border-color: gray;
	border-width: 2px;
	background-color: white;
	border-radius: 5px;
	border-style: solid;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	text-decoration: none;
	display: inline;
}
a.like-btn:hover {
	border-color: #4169E1;
	background-color: #E4E9F7;
	cursor: pointer;
}


div.divcenter-nodata{
	text-align: center;
	color: gray;
}

.edit-img{
	width: 20px;
	height: 20px;
	margin: 50px 0 0 30px;
}

.inline-title {
    display: inline-block;                
}

label.error {
    color: red;
}

table th.tbl-title-form3 {
	table-layout: auto;
	/* padding-left: 5px;
	padding-left: 20px; */
	padding: 3px 20px 5px 5px;
	background-color:#ffffff;
	color:#4169E1;
	font-size: 12px;
	font-weight: 500;
	line-height: 30px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 2px #c0c0c0;
	text-align: center;
	overflow-wrap: break-word;
}

table th.tbl-title-form3 {
	background-image:url(../img/bg.gif);
	background-repeat:no-repeat;
	background-position: center right;
	cursor: pointer;
}



table td.tbl-form5 {
	table-layout: auto;

	padding: 3px 5px;
	text-align: left;
	color:#333333;
	font-size: 11px;
	font-weight: 300;
	line-height: 14px;
	border-bottom: solid 1px #c0c0c0;
	overflow-wrap: break-word;
}

p.discript-word{
	margin-top: 35px;
	text-align: center;
}

.lookup-input2 {
	background-color: lavender;
	padding: 5px 0 15px 10px;
	height: 67%;
	width: 100%;
}

.lookup-input2 form {
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.lookup-input2 input {
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.lookup-input2 select {
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	height: 21px;
	min-width: 180px;
	max-width: 300px;
}

.lookup-set2 {
	width: 48%;
	margin:10px auto;
	text-align: left;
	background-color: #ffffff;
}



div.lookup{
  display: flex;
  align-items: flex-start;
}

div.lookup-tbl {
	padding: 3px 10px;
	border: none;
	text-align: left;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;	
}
div.lookup-div{
	width: 75px;
	height: 100px;
}
div.realtime-div{
	display: flex;
}

.accordion-container {
	position: relative;
	width: 100%;
	/* border: 1px solid #0079c1; */
	border-top: none;
	/* outline: 0; */
	cursor: pointer
  }
  
  .accordion-container .accordion-title {
	margin-left: 35px;
    color: #555555;
	width: 200px;
    padding: 10px 200px 15px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    background: #dbebf8;
    vertical-align: middle;
    border-radius: 5px
  }
 .accordion-title.open {
	background-color: #6495ED;
	color: white;
  }
  
  .accordion-container .accordion-title:hover,
  .accordion-container .accordion-title:active,
  .accordion-container .content-entry.open .accordion-title {
	background-color: #6495ED;
	color: white;
  }
  
  .accordion-container .accordion-title:hover i:before,
  .accordion-container .accordion-title:hover i:active,
  .accordion-container .content-entry.open i {
	color: white;
  }
  
  .accordion-title{
	position: relative;
  }
  
  .accordion-title:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 38%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
  }
  
  .accordion-title.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 45%;
  }
  
  .accordion-content {
	display: none;
  }
  
  /* CSS for CodePen */
  .accordion-container {
	width: 100%;
	/* margin: 1.875em auto; */
  }

  
  span.time-select-box {
	position: relative;
	display: inline-block;
	width: 80px;
	border: solid 1px#bfbfbf;
}
	
	span.time-select-box:after {
	content: "▼";
	font-size: 2px;
	color: gray;    
	position: absolute;
	top: 50%;
	right: 4px;
	margin-right: 5px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 100;
	}

	select.time-select, option { 
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 10px 10px;
	margin: 0;
	text-indent: 1em;
	background-color: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	}
	#output-label{
		width: 80%;
		padding: 20px;
		height: 20px;
		border-radius: 4px;
		display: flex;
	}
	
	#output-label-01{
		width: 100%;
		padding: 20px;
		height: 20px;
		border-radius: 4px;
		display: flex;
	}
	
	#output-title{
		font-size: 15px;
		font-weight: 600;
		border-radius: 9px;
		height: 25px;
		line-height:25px;
		padding: 3px;
		width: 14%;
		text-align: center;
		line-height:25px;
	}
	
	#context-input{
		font-size: 12px;
		font-weight: 300;
		padding-left: 20px;
	}