:root {
	--primary-color:#1488CC; /* brand-color */
	--action-color:#c47bff;

	--text-color:#213345;
	--text-body-color:#42668a;
	--text-diable-color:#7599bd;
	--border-color:#baccde;
	--background-color:#f8fbfc;
}
html, body {
    width: 100%;
    overflow-x: hidden;
    background: #fff;
}
*, ::after, ::before {
	box-sizing: border-box;
}
a{text-decoration:none;}
.ani{transition-property:all;transition-duration:.2s}
table {
	border-collapse: collapse;
}
h3 {
    font-size: 24px;
    margin-top: 0px;
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: 9px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    color: #333;

}
hr {
    border: 0;
    border-top: 1px solid #eee;
    margin-top: 30px;
    margin-bottom: 30px;
}

button {
	outline:0;
}
header {
	background: #444;
    height: 55px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
header::after{
	content: "";
    display: block;
    width: 100%;
    background:linear-gradient( to right, #c47bff ,#00d7ee);
    height: 4px;
    position: absolute;
    bottom: 0px;
	box-shadow: inset 0px 0px 2px rgba(0,0,0,.5);
}
.logo::after{
	content: "";
    display: block;
    width: 100%;
    background:#c47bff;
    height: 4px;
    position: absolute;
    bottom: 0px;
}
header .menu-button,nav .menu-button{
	position:absolute;
	left:0;
	top:0;
	background:transparent;
	border:0;
	padding: 10px 10px 9px 10px;
}
header .menu-button i,nav .menu-button i{
	font-size: 31px;
    color: #fff;
}
header a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    padding: 14px;
    display: inline-block;
}

header .pc-view{
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	right:0;
	top:0;
	
}
header .pc-view li{
	display:none;
	float:left;
	border-left:1px solid rgba(255,255,255,.2);
}
header .pc-view li a{
	color:rgba(255,255,255,.4);
}
header .pc-view li:hover{
	background:rgba(255,255,255,.15);
}
header .pc-view li:hover a{
	color:#00d7ee;
}
header .pc-view div{
	padding:19px;
	float:left;
	color:#fff;
	font-size:14px;
}
nav{
	background:#444;
	overflow:hidden;
	width:250px;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	box-shadow: 5px 0px 10px rgba(0,0,0,.2);
}

nav .logo{
	display:none;
	position:relative;
	height:55px;
	background:#444;
}
.logo-img {
    width: 22px;
    vertical-align: bottom;
    margin-right: 5px;
	margin-left: 13px;
}
nav .menu-content {
	border-top:1px solid #444;
	margin-top:0px;
}
nav .menu-content a {
    display: block;
    color: #fff;
    padding: 14px 17px;
}
nav .menu-content a:hover{
	background:#333;
	border-left:4px solid #00d7ee;
}
nav .menu-content a i{
	vertical-align: bottom;
	margin-right:8px;
	color:yellow;
}

nav .profile {
	height: 55px;
    color: #fff;
    padding: 17px 20px;
	text-align:right;
	border-bottom:1px solid rgba(0,0,0,.4);
	position:relative;
}

nav .logout-main{

    background: #ccc;
    color: #333;
    font-size: 12px;
    font-weight: bold;
	padding:4px;
	border-radius:4px;
	vertical-align: baseline;
	cursor:pointer;
}
nav .logout-main:hover{
	background:#aaa;
}
nav .logout-main i {
	font-size:14px !important;
	color:#555 !important;
	vertical-align: text-bottom !important;
}
nav .profile > i {
	font-size: 20px;
    vertical-align: sub;
	color:#efefef;
}
nav .profile .profile-name {
	font-weight:bold;
	color:#fff;
}
nav .profile .profile-position {
	font-weight:normal;
	color:#ccc;
	font-size:14px;
}
.hide{
	left:-250px;
}
.content {
	/* background:#fff; */
	max-width:100%;
	height:calc(100vh - 55px);
	overflow:auto;
	margin:0 auto;
	position:relative;
}
.box {
    padding: 12px;
    height: calc(100vh - 55px);
    overflow: auto;
	/* box-shadow:inset 5px 5px 10px rgba(0,0,0,.25); */
}
.box label {
	display:block;
	margin-top:20px;
	padding-bottom:5px;
}

.box input {
	width:100%;
	border:1px solid #ccc;
	padding:12px;
	border-radius:5px;
	height:44px;
	background:#fff;
	box-shadow:0 0 10px 0 rgba(0,0,0,.05) inset;
	font-weight:bold;
}
.button-group {
	border:1px solid #ccc;
	border-radius:5px;
	height:44px;
	overflow:hidden;
}
.button-group button{
	background:#fff;
	border:0;
	height:44px;
	float:left;
	color:#555;
	font-weight:bold;
	border-right:1px solid #ccc;
	box-shadow:0 0 10px 0 rgba(0,0,0,.05) inset;
}
.button-group button:last-child{
	border-right:0;
}
.ad-company-group > .button-group button:nth-child(5){
	border-right:0;
}
.ad-company-group > .button-group:nth-child(n+2){
	border-top:0;
	background: #efefef;
}
.button-group .on{
	background:#666;
	border:0;
	height:44px;
	float:left;
	color:#fff;
	border-right:1px solid #ccc;
	font-weight:900;
	box-shadow:0 0 10px 0 rgba(0,0,0,.75) inset;
}
.laywer-select{
	width:100%;
	border:1px solid #ccc;
	border-radius:5px;
	height:44px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 0 10px 0 rgba(0,0,0,.05) inset;
}
.button-submit {
    width: 100%;
    border: 0px solid #ccc;
    height: 50px;
    overflow: hidden;
    margin-top: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #4492f3;
    color: #fff;
	z-index:2;
	font-weight:bold;
}
.modal-wrap{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:calc(100vh - 55px);
	background:rgba(0,0,0,.0);
	z-index:-1;
}
.modal-on{
	display:block;
	z-index:1;
	background:rgba(0,0,0,.5);
}
.modal-box{
	position:absolute;
	width:calc(100% - 40px);
	height:calc(100vh - 55px - 92px);
	background:#fff;
	margin:20px;
	border-radius:10px;
	padding:10px;
}
.modal-box h3{
	padding:10px;
	margin:0;
	border-bottom:1px solid #eee;
	height:42px;
	font-size: 18px;
}
.modal-box .modal-close{
	position:absolute;
	right:12px;
	top:12px;
	font-size:20px;
	border:1px solid transparent;
	background:transparent;
}
.modal-content{
	overflow:auto;
	height:calc(100vh - 220px);
	margin-top:10px;
}
.modal-content h4{
	padding:8px;
	margin:0;
}
.modal-content .list-box{
	border:1px solid #999;
	margin-bottom:10px;
	padding:10px;
	background: linear-gradient(to bottom, rgba(255,255,255,.1),rgba(0,0,0,.1));
	border-radius:5px;
	position:relative;
	z-index: 0;
}

.laywer-select .laywer-label,
.modal-content .laywer-label {
	background:green;
	color:#fff;
	font-size:14px;
	padding:1px 4px 2px 4px;
	border-radius:4px;
	display:inline-block;
	width:64px;
	text-align:center;
}
.laywer-select .laywer-name,
.modal-content .laywer-name {
	font-weight:bold;
}
.laywer-select .laywer-descript,
.modal-content .laywer-descript{
	display:block;
	color:#888;
	margin-top:15px;
}
.laywer-select .ri-checkbox-circle-fill,
.modal-content .ri-checkbox-circle-fill {
    position: absolute;
    right: 10px;
    top: 22px;
    color: #ddd;
    font-size: 25px;
}
.laywer-selected{
    height: auto;
    text-align: left;
    padding: 14px;
	position:relative;
}
.modal-content .list-box:hover{
	border:1px solid red;
}
.modal-content .list-box:hover .ri-checkbox-circle-fill{
	color:#aaa;
}

.cs-step-01 {
	background-color:orange !important;
}
.cs-step-02 {
	background-color:lightseagreen !important;
}
.cs-step-03 {
	background-color:royalblue !important;
}
.cs-step-04 {
	background-color:blueviolet !important;
}
.cs-step-05 {
	background-color:darkgray !important;
}
.cs-step-06 {
	background-color:chocolate !important;
}

.table-row {
	width:100%;
	border-collapse: collapse;
}
.table-row td {
	text-align:center;
}
.table-row tr:hover{
	background:#f7f7f7;
}
.table-row th{
	background:#f7f7f7;
}
.table-row td{
	background:#fff;
}
.table-row th,
.table-row td {
	border-bottom:1px solid #eee;
	height:50px;
}
.table-row th:nth-child(1){
	width:10%;
}
.table-row th:nth-child(2){
	width:10%;
}
.table-row th:nth-child(3){
	width:15%;
}
.table-row th:nth-child(4){
	width:25%;
}
.table-row th:nth-child(5){
	width:35%;
}
.label{
	background:gray;
	color:#fff;
	
	padding:1px 4px 2px 4px;
	border-radius:4px;
	display:inline-block;
	width:80px;
	text-align:center;
}
.label-case {

	background: lightgray;
}
.label {
	cursor:pointer;
}

.admin-button{
	    padding: 14px 17px !important;
}
.admin-button i{
	color:orangered !important;
}


label {
	color:#4492f3;
	font-size:16px;
	font-weight:bold;
}

.input-box {
	position:relative;
}
.udc-group{

    position: absolute;
    right: 1px;
    top: 1px;
}
.udc-group button{
	float:left;
	border:0;
	width:42px;
	height:42px;
	border-left:1px solid #ccc;
	background:#efefef;
}
.udc-group button:hover{
	background:#e1e1e1;
	cursor:pointer;
}
.udc-group button:last-child{
	border-radius:0 5px 5px 0;
}
.udc-group button i{
	line-height: 20px;
}
.udc-group .disable{
	color:#ccc;
}
.udc-group .disable:hover{
	background:#efefef;
	cursor:default;
}
.pc {
	display:none;
}

.menu-title {
    padding: 20px 5px 8px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #00d7ee;
	position:relative;
	
}
.menu-title span {
	padding-right:5px;
	position:relative;
	z-index:2;
}
.menu-title hr {
    background: transparent;
    border-top:0px solid rgba(0, 215, 238, .4);
    position: absolute;
    right: 12px;
    width: calc(90% - 12px);
    top: 14px;
    margin: 0;
    padding: 0;
	z-index:0;
}

.menu-wrap {
	height:calc(100vh - 110px);
	overflow:auto;
}
.cursor-text {
	cursor:text;
}


.paging {font-size:0;line-height:16px;text-align:center;margin-top:10px;padding:0;overflow:hidden;    height: 36px;}
.paging li {font-size:16px;display:inline-block;border:1px solid lightgray;border-left:0;vertical-align: top;overflow:hidden;position:relative;}
.paging li:hover {;background:#efefef}
.paging > li:first-child{border-left:1px solid lightgray;border-radius:4px 0 0 4px;box-shadow: 10px 0px 10px rgba(0,0,0,.05);z-index:1}
.paging > li:last-child{border-radius:0 4px 4px 0;border-left:1px solid lightgray;box-shadow: -10px 0px 10px rgba(0,0,0,.05);}
.paging li a{display:inline-block;height:34px;min-width:34px;padding:8px 10px 0 10px;text-align:center;color:#aaa;background:#fff}
.paging .on a {color:#333;font-weight:500;background:#4492f3;color:#fff}
.page-box {display: inline-block;max-width:calc(100vw - 100px); white-space: nowrap;overflow:auto;}
.page-disable > a > i {color:#ccc}
.page-disable > a {cursor:inherit;}
.page-box > li:last-child{border-right:0;}

.paging > li:first-child a {background:#eee;color:rgba(0,0,0,.5)}
.paging > li:last-child a {background:#eee;color:rgba(0,0,0,.5)}


.top-button-group {
	margin-bottom:5px;
	font-size:0;
}
.top-button-group span,
.top-button-group a {
	display:inline-block;
	background:#eee;
	height:36px;
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;
	border-radius:5px;
	color:#333;
	font-size:16px;
	margin-right:5px;
}

.top-button-group a:hover {
	background-color:rgba(0,0,0,.15);
}


.top-button-group span {
	min-width: 120px;
	text-align:center;
}

.top-button-group .on {
	background:#4492f3;
	color:#fff;
	box-shadow:0;
}
.top-button-group .on:hover{
	
	background:#0d60c6;
}
.inner-button-group {
	display:inline-block;
	margin-right:5px;
}

.inner-button-group a{
	margin-right:0;
	border-radius:0;
	box-shadow:inset 0 0 1px 1px rgba(0,0,0,.02);
}
.inner-button-group .on {
	box-shadow:inset 0 0 10px rgba(0,0,0,.0);
}
.inner-button-group a:first-child {
	border-radius:5px 0 0 5px;
}
.inner-button-group a:last-child {
	border-radius:0 5px 5px 0;
}
@media screen and (min-width: 1024px) { 





	header {
		max-width: calc(100% - 250px);
		margin-left:250px;
	}
	.hide {
		left: 0px;
	}
	.content{
		max-width: calc(100% - 250px);
		margin-left:250px;
	}

	.over-row .table-row{
		width:100% !important;
	}

	.button-submit {

		position: static;

	}
	.modal-box{
		position: relative;
		margin:20px auto;
		width:550px;
	}
	.header .menu-button i, nav .menu-button i{
		display:none;
	}
	header .menu-button, nav .menu-button{
		display:none;
	}
	nav .menu-content{
		margin:0;
		box-shadow: 5px 0px 10px rgba(0,0,0,.2);
	}
	nav .logo{
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		    padding: 14px 0 13px 0;
		display: inline-block;
		text-align:left;
		width:250px;
		line-height: 1em;
	}
	.m-logo{
		display:none;
	}
	header .pc-view li{
		display:inherit;
	}
	nav .profile {
		height: 55px;
		color: #fff;
		padding: 17px 20px;
		text-align:left;
	}
	.pc {
		display:initial;
	}
	nav .logout-main{
		position: absolute;
		right: 10px;
		top: 16px;
		background: #ccc;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		padding:4px;
		border-radius:4px;
	}
}