#header .title {
 display:inline-block;
 vertical-align:top;
 width:calc(100% - 620px);min-width:400px;
 margin-left:20px;
 font-size:14pt;
 font-weight:400;
 line-height:30px;
 color:#1c1c1c;
}
#header .account {
 position:relative;
 display:inline-block;
 vertical-align:top;
 width:470px;
 padding-right:10px;
 line-height:30px;
}
#header .account .icon {
 display:inline-block;
 vertical-align:top;
 height:16px;
 margin:2px 5px;
 padding:3px;
 border:solid 2px #666666;
 border-radius:100%;
 cursor:pointer;
}
#header .account .account_list {
 position:absolute;
 top:30px;right:0;
 display:none;
 width:100%;
 font-size:10pt;
 z-index:100;
}
#header .account .account_list .logo {
 display:inline-block;
 vertical-align:top;
 max-height:20px;
 max-width:25px;
 margin:5px 8px;
 cursor:pointer;
}
#header .account .account_list div:hover {
 text-decoration:underline;
}
#header .name {
 display:inline-block;
 vertical-align:top;
 text-align:left;
 font-size:10pt;
 line-height:30px;
}
#header .logout {
 display:inline-block;
 vertical-align:top;
 width:120px;height:30px;
 padding-right:0;
 background:#dddddd;
 text-align:right;
 font-size:12pt;
 font-weight:400;
 line-height:30px;
 color:#666666;
 cursor:pointer;
}
#header .logout:hover {
 background:#eeeeee;
 color:#999999;
}
#header .logout img {
 display:inline-block;
 vertical-align:top;
 height:18px;
 margin:7px 5px 0 5px;
 opacity:0.8;
}

#side .date {
 padding:10px 0;
 text-align:center;
 font-size:16pt;
 font-weight:400;
 line-height:20px;
}
#side .logo {
 display:block;
 height:50px;
 margin:0 auto 10px auto;
}
#side .menu ul {
 list-style:none;
 font-size:10pt;
 font-weight:400;
}
#side .menu ul li {
 position:relative;
 padding:8px 25px 8px 15px;
 cursor:pointer;
}
#side .menu ul li.header {
 font-weight:500;
 background:linear-gradient(to left,rgba(255,255,255,0.2),rgba(255,255,255,0.6));
}
#side .menu ul a li::after {
 content:"";
 position:absolute;
 top:15px;right:15px;
 width:6px;height:6px;
 border-top:solid 2px;
 border-right:solid 2px;
 transform:rotate(45deg);
}
#side .menu ul a li:hover {
 color:gray;
}
#side .menu ul a li:hover::after {
 border-color:gray;
}

#content_header .breadcrumbs {
 display:inline-block;
 vertical-align:top;
 width:400px;
 padding:0 20px;
 background:#f5f5f5;
 font-size:10pt;
 line-height:30px;
}
#content_header .message {
 display:inline-block;
 vertical-align:top;
 height:22px;
 padding:0 20px;
 background:#222222;
 border-top:solid 4px #444444;
 border-left:solid 4px #444444;
 border-right:solid 4px #aaaaaa;
 border-bottom:solid 4px #aaaaaa;
 text-align:left;
 font-size:10pt;
 line-height:22px;
 color:lightgreen;
 overflow:hidden;
}
#content_header.button0 .message {
 width:calc(100% - 540px - 48px);
}
#content_header.button1 .message {
 width:calc(100% - 640px - 48px);
}
#content_header.button2 .message {
 width:calc(100% - 640px - 48px);
}
#content_header .message p {
 white-space:nowrap;
 animation-name:marquee;
 animation-timing-function:linear;
 animation-duration:25s;
 width: 800px;
 margin-right: 400px;
 animation-iteration-count:infinite;
}
@keyframes marquee {
 from   { transform: translate(100%);}
 100%,to { transform: translate(-150%);}
}
#content_header .button {
 display:inline-block;
 vertical-align:top;
 width:100px;
 text-align:center;
 line-height:30px;
 color:#1c1c1c;
 cursor:pointer;
}
#content_header .button:hover {
 opacity:0.7;
}
#content_header .button.print {
 background:#01DFD7;
 font-size:12pt;
 font-weight:500;
}
#content_header .button.templete {
 background:#C8FE2E;
 font-size:8pt;
 font-weight:500;
}
#content_header .button.save {
 background:#FA5882;
 font-size:12pt;
 font-weight:500;
}
#content_header .button img {
 vertical-align:top;
 height:20px;
 margin:5px 0 5px 5px;
}