html {background-color:#fff;color:#000;height:100%;}
body {margin:0;padding:0;font-size:14px;height:100%;}
a { color:#141414; text-decoration:none; }
a:hover {color:#1E90FF;text-decoration:none;}
a.primary {color:#00a4ff;text-decoration:none;}
a.primary:hover {text-decoration:underline;}
img { border:0; }
form,blockquote,p,div,ul,ol {margin:0;padding:0;}
*, :after, :before {-webkit-box-sizing:border-box;box-sizing:border-box;}
::-webkit-scrollbar{width:6px;height:6px;background-color:#f1f1f1;}
::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:10px;}
::-webkit-scrollbar-track{background-color:transparent;}

#sbxa{height:100%;}

#page_topedge{z-index:1000;position:fixed;top:0;left:0;right:0;height:28px;background-color:#333;color:#ccc;line-height:28px;text-align:right;padding:0 20px;}
#page_topedge #msgbox_badge{float:left;color:inherit;}
#page_topedge #msgbox_badge:hover{color:#99ff00;}
#page_topedge #msgbox_badge #msgbox_badge_count{font-family:Century,Verdana;}
#page_topedge #user_quickmenu {float:right;display:inline-block;font-size:14px;}
#page_topedge #user_quickmenu a{color:inherit;}
#page_topedge #user_quickmenu a:hover{color:#99ff00;}

#page_headbar {z-index:1000;position:fixed;top:28px;left:0;right:0;height:75px;background-color:#0165F9;/*border-bottom:solid 2px #DEE0E5;*/font-size:0;color:#fff;}/*#177cb0*/
#logo {display:inline-block;width:190px;height:75px;vertical-align:middle;}
#logo a{display:inline-block;width:190px;height:75px;background:url(/static/devops/inst-0/portal-5/images/logo.jpg) 10px 5px no-repeat;}
#nav-main {display:inline-block;position:absolute;top:0;left:190px;background-color:transparent;vertical-align:middle;white-space:nowrap;}
#nav-main .layui-nav-item {line-height:75px;}
#nav-main .layui-nav-item a{color:#fff;font-size:16px;font-weight:400;}
#nav-main .layui-nav-item a.compact{padding:0 10px;}
#nav-main .layui-nav-child {z-index:1000;top:67px;background-color:#0165F9;border:0;}
#nav-main .layui-nav-child a:hover{color:#0165F9;}
#nav-main .layui-this:after,
#nav-main .layui-nav-bar,
#nav-main .layui-nav-tree .layui-nav-itemed:after{background-color:#C6000B;height:3px;}
#btnShowNavpanelMobile{display:none;}

@media (max-width:767px){
	#nav-main{display:none;}
	#btnShowNavpanelMobile{display:inline-block;position:absolute;top:26px;right:20px;}
}

#popNavmenu{}
#popNavmenu .nav-mobile{}
#popNavmenu .nav-mobile dd{margin:5px 0;border-bottom:solid 1px #eee;}
#popNavmenu .nav-mobile dd a{display:block;font-size:16px;line-height:42px;}

#panelLogonUser{border:solid 1px #dee0e5;background-color:#fff;z-index:1000;position:absolute;top:28px;right:-300px;min-height:200px;width:300px;padding:10px;box-sizing:border-box;box-shadow:-2px 2px 10px rgba(0,0,0,.1);overflow:auto;transition:all .3s;-webkit-transition:all .3s;display:none;}
.panelLogonUserShow{display:inline-block;transform:translate3d(-300px,0,0);-webkit-transform:translate3d(-300px,0,0);}

#page_body{height:100%;padding:103px 0 76px 0;/*background-color:#F3F4F5;*/}
#body_container{width:100%;height:100%;display:flex;justify-content:flex-start;}
#side_container{flex:0;width:190px;min-width:190px;padding:20px;border-right:solid 1px #ccc;overflow-x:hidden;overflow-y:auto;}
#content_container{flex:1;padding:0;overflow-x:hidden;overflow-y:auto;}

#side_container .side_menu{}
#side_container .side_menu li{font-size:14px;color:#00a4ff;line-height:48px;text-align:right;cursor:pointer;transition:all .3s;}
#side_container .side_menu li i{font-size:24px;margin-right:5px;vertical-align:middle;}
#side_container .side_menu li .long{display:inline;}
#side_container .side_menu li .short{display:none;}
#side_container .side_menu li.this,
#side_container .side_menu li:hover{border-bottom:solid 1px #ccc;position:relative;left:20px;padding-right:20px;background-color:rgba(1,101,249,.1);border-radius:8px 0 0 8px;}

#page_footbar {z-index:1000;position:fixed;bottom:0;left:0;right:0;height:76px;background-color:#1E90FF;background:url(/static/devops/inst-0/portal-5/images/bg/bg_starsky_mountain_sm.jpg) center bottom no-repeat;background-size:cover;color:#ddd;line-height:28px;padding:10px 20px;text-align:center;}
#page_footbar a:hover{text-decoration:underline;}
#page_footbar .declare a{color:inherit;}
#page_footbar .beian {display:inline-block;}

@media (max-width:767px){
	#body_container{}
	#side_container{width:60px;min-width:60px;padding:0;}
	#content_container{}

	#side_container .side_menu li{line-height:28px;text-align:center;margin:1px;}
	#side_container .side_menu li i{margin-right:0;padding-top:10px;display:block;}
	#side_container .side_menu li .long{display:none;}
	#side_container .side_menu li .short{display:inline;}
	#side_container .side_menu li.this,
	#side_container .side_menu li:hover{position:initial;left:0;padding-right:0;border-radius:8px 8px;}
}


.layui-side {top:49px;bottom:40px;width:420px;border-right:solid 1px #111;background-color:#eef;}
.layui-body {left:521px;top:49px;bottom:40px;}
.box-title {height:36px;line-height:36px;background-color:#fafafa;padding:0px 10px;color:#369;}
.layui-side .box-title {background-color:#ccf;}
.layui-body .box-title {background-color:#aac;color:#666;padding-right:1px;}
.layui-body .box-title .current_task{color:#900;}
.layui-body .box-title .layui-input {height:34px;}
.layui-body .box-title .layui-form-select dl {top:36px;}
.prep_table {width:100%;background-color:#fafafa;border:solid 1px #bbb;border-collapse:collapse;border-spacing:1px;}
.prep_table th{background-color:#bbb;text-align:center;padding:5px;}
.prep_table .red th{background-color:#f99;}
.prep_table .green th{background-color:#090;}
.prep_table tr:nth-child(even){background-color:#fff;}
.prep_table td.label {padding:0px 15px;border-right:solid 1px #ccc;}
.p_title {margin:10px 0px 5px 5px;font-size:14px;font-weight:600;}
.breadcrumb{margin:0 0 10px 0;color:#999;font-weight:350;}

.qrcode{width:120px;text-align:center;}
.qrcode .pic{padding:5px;border:solid 1px #000;margin-bottom:5px;background-color:#fff;}
.qrcode .pic img{}
.qrcode .tips{font-size:12px;}

.icon-arrow-right{display:inline-block;vertical-align:middle;width:6px;height:6px;border-top:1px solid;border-right:1px solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:60%;transform-origin:60%;-webkit-transition:all .2s;transition:all .2s;position:relative;left:3px;}
a:hover .icon-arrow-right{left:6px;}