html,body { height: 100%; overflow-y: hidden;}
ul,li { list-style: none; padding: 0px;}

.modal { z-index: 9000; }
.modal-lg, .modal-xl {
    max-width: 1000px;
}

.footer { height: 40px; padding: 10px calc(24px/2); }

#layout-wrapper { height: 100%; position: relative; }

#page-topbar {box-shadow: 0 1px 1px rgb(0 0 0 / 8%);}

.main-content {
	height: 100%;
}

.iic2-pagebody { padding: 20px; }
.iic2-pagebody .page-title-box { padding-bottom: 12px; }
.iic2-page-body {
	min-height: 300px;
	padding: 20px 12px;
}

.iic2-page-layout {
	display: flex;
}
.iic2-page-layout>.show { width: 20%;}
.iic2-page-layout>.hide { width: 0px !important;}
.iic2-page-layout>.hide>* { display: none; }
.iic2-page-layout .iic2-page-left {
	background-color: #F8F9FB;
	width: 20%;
	transition: width 0.3s;
}
.iic2-page-layout .iic2-page-middle {
	width: 100%;
	min-height: 300px;
}
.iic2-page-layout .iic2-page-right {
	width: 20%;
	background-color: #0000FF;
}


.iic2-tabs {
	color: #000;
	background-color: #f4f8f9;
	margin-top: 70px;
	width: 100%;
	height: 50px;
	border-bottom: solid 1px #D5DADD;
	box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
	white-space: nowrap;
	z-index: 1000;
}

.iic2-tabs-l {
	display: inline-block;
	width: calc(100% - 100px);
	
	height: 100%;
	overflow-x: hidden;
	padding-left: 20px;
	vertical-align: bottom;
}
.iic2-tabs-r {
	display: inline-block;
	width: 100px;
	height: 100%;
	top: 0px;
	vertical-align: bottom;
	border-left: solid 1px #EEE;
	padding-left: 5px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}
.iic2-tabs-tool {
	width: 100%;
	height: 100%;
	padding-top: 20px;
	margin-bottom: 0px;
}
.iic2-tabs-tool li { display: inline-block; height: 30px; padding: 0px; margin: 0px;}
.iic2-tabs-tool .toolbtn {
	display: block;
	width: 24px;
	height:24px;
	line-height: 24px;
	text-align: center;
	border: solid 1px #D5DADD;
	color: #565457;
	font-size: 12px;
	border-radius: 3px;
	padding: 0px;
	vertical-align: top;
}
.iic2-tabs-tool .toolbtn:hover{
	color: #3d8ef8;
}
.iic2-tabs-items {
	width: auto;
	height: 50px;
	padding-top: 20px;
	white-space: nowrap;
	margin-bottom: 0px;
}
.iic2-tabs-items .tab-item{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: solid 1px #D5DADD;
	padding: 0px 36px 0px 12px;
	border-radius: 5px 5px 0px 0px;
	cursor: pointer;
	background-color: #E9EEF2;
	color: #565457;
	margin-right: 1px;
	position: relative;
}
.iic2-tabs-items .tab-item:hover{ color: #000; }
.iic2-tabs-items .tab-active {
	background-color: #FFF;
	color: #3d8ef8 !important;
}
.iic2-tabs-items .tab-item a {
	display: block;
	position: absolute;
	right: 5px;
	top: 0px;
	color: #757575;
	font-size: 12px;
}
.iic2-tabs-items .tab-item a:hover { color: #000; }

.page-content {
    
    padding: 0;
    height: calc(100% - 50px);
    overflow-y: auto;
}




.iic2-normal-info {
	position: absolute;
	display: block;
	width: 100%;
	height: 0px;
	top: 0px;
	background-color: #ff0000;
	z-index: 99999;
	opacity: 0.9;
	font-size: 12px;
}
.iic2-normal-info-succ {
	position: absolute;
	width: 300px;
	text-align: center;
	padding: 4px;
	background-color: #70B603;
	color: #fff;
	margin: auto;
	top: -100px;
	left: calc((100% - 300px)/2);
	transition: top 0.5s, opacity 3s;
	
	box-shadow: 6px 6px 6px #888888;
}
.iic2-normal-info-err {
	position: absolute;
	width: 300px;
	text-align: center;
	padding: 4px;
	background-color: #EC808D;
	color: #fff;
	margin: auto;
	top: -100px;
	left: calc((100% - 300px)/2);
	transition: top 0.5s, opacity 3s;
	
	box-shadow: 6px 6px 6px #888888;
}
.info-down {
	top: 50px;
}
.info-disappear {
	opacity: 0;
}


#modal-win { z-index: 9000;}
.iic2-major-info {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.iic2-major-info-show {
	display: block;
}
.iic2-major-info:before {
	position: absolute;
	display: block;
	content: ' ';
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	top: 0px;
	left: 0px;
}
.iic2-major-info .card {
	width: 500px;
	height: 320px;
	margin: auto;
	margin-top: 10%;
}
.iic2-major-info .card-footer {
	text-align: right;
}



.iic2-large-window {
	display: none;
	position: absolute;
	z-index: 1010;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.iic2-large-window-show {
	display: block;
}
.iic2-large-window:before {
	position: absolute;
	display: block;
	content: ' ';
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.iic2-large-window .card {
	position: relative;
	z-index: 2;
	height: 0px;
	overflow: hidden;
	transition: height 1s;
}
.iic2-large-window .animate {
	
	height: calc(100% - 100px);
}
.iic2-large-window .card-header{
	height: 50px;
}
.iic2-large-window .card-footer{
	height: 50px;
	padding: 6px;
	text-align: center;
}
.iic2-large-window .card-body {
	height: calc(100% - 50px - 50px);
	overflow: auto;
}



.iic2-right-window {
	display: none;
	position: absolute;
	z-index: 8999;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: right;
}
.iic2-right-window-show {
	display: block;
}
.iic2-right-window .bgwindow{
	position: absolute;
	display: block;
	content: ' ';
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.iic2-right-window .card {
	position: relative;
	display: inline-block;
	z-index: 2;
	width: 0px;
	height: 100%;
	overflow: hidden;
	transition: height 1s;
	right: 0px;
	text-align: left;
	border-radius: 0px;
	transition: width 0.5s;
}
.iic2-right-window .alert { border-radius: 0px; }
.iic2-right-window .animate{
	width: 30%;
}

.iic2-right-window-bottom {
	background-color: #f4f8f9;
}




.iic2-element {}
.iic2-element .label-non-null { color: #ff0000; }
.iic2-element-errtxt { display: none; }
.iic2-element-err .iic2-element-errtxt{
	display: inline;
	color: #83282b;
}
.iic2-element-err .form-control {
	color: #83282b;
	background-color: #fedbdd;
	border-color: #fecdcf;
}
.form-control:disabled { background-color: #F4F8F9; }




.iic2-table {
	font-size: 12px;
	padding-bottom: 100px;
	position: relative;
}
.iic2-table-bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.iic2-table thead th {
	padding: 6px 8px;
	color: #3C3E40;
	font-weight: 500;
}
.iic2-table tbody td {
	padding: 6px 8px;
	color: #73746D;
}
.iic2-table .table-btn {
	padding: 3px 5px;
	font-size:12px;
	line-height: 16px;
}

.iic2-table-paging {
	color: #3C3E40;
}
.iic2-table-paging .dataTables_info {
	padding-left: 10px;
}
.iic2-table-paging .dataTables_info span{ color: #299BFF; }
.iic2-table-paging .paging-btn {padding: 4px; height: 28px; margin-left: 3px;}
.iic2-head-th { font-size: 12px;  vertical-align: middle !important;}
.iic2-choose-all { font-weight:normal !important; font-size: 20px; vertical-align: middle !important;}
.iic2-choose-all i { cursor: pointer; }
.iic2-choose-all i:hover { color: #3d8ef8; }
.all>i { color: #3d8ef8; }
.iic2-choose { font-weight:normal !important; font-size: 20px; vertical-align: middle !important;}
.iic2-choose i { cursor: pointer; }
.iic2-choose i:hover { color: #3d8ef8; }
.selected>i {color: #3d8ef8;}
.iic2-body-td { vertical-align: middle !important; }



.iic2-tool-bars {

}
.iic2-tool-bars .iic2-tool-button {
	padding: 4px 2px;
	font-size: 12px;
}
.iic2-search-form .form-control {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 28px;
	min-width: 200px;
}



.iic2-subnav {
	background-color: #F8F9FB;
	width: 100%;
	height: 100%;
}
.iic2-subnav-header {
	height: 37px; 
	line-height: 37px;
	text-align: left;
	border-bottom: solid 1px #EFF3F6;
	padding-left: 20px;
}
.iic2-subnav-header span {
	color: #5595FF;
	font-size: 14px;
	font-weight: 500;
}
.iic2-subnav-body {
	
	height: 100%;
	max-height: 1000px;
	overflow: scroll;
}
.iic2-subnav-item {

}
.iic2-subnav-item .subnav-btn {
	height: 30px;
	line-height: 30px;
	display: block;
	color: #74767C;
}
.iic2-subnav-item .subnav-btn:hover {
	color: #000;
	background-color: #EFF3F6;
}
.iic2-subnav-item .selected {
	color: #5595FF !important;
	background-color: #EFF3F6;
}
.iic2-subnav-submenu {display: block;}
.iic2-subnav-item .show { display: block; }
.lv0 { padding-left:20px !important;}
.lv1 { padding-left:30px !important;}
.lv2 { padding-left:40px !important;}
.lv3 { padding-left:50px !important;}
.lv4 { padding-left:60px !important;}
.lv5 { padding-left:70px !important;}
.lv6 { padding-left:80px !important;}
.lv7 { padding-left:90px !important;}
.lv8 { padding-left:100px !important;}
.lv9 { padding-left:110px !important;}
.lv10 { padding-left:120px !important;}




.iic2-select-tree {
	position: relative;
}
.iic2-select-tree .form-control {
	position: relative;
	cursor: pointer;
}
.iic2-select-tree .form-control button {
	position: absolute;
	height: 100%;
	top: 0px;
	right: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.iic2-select-tree .tree-submenu{
	position: absolute;
	display: none;
	width: 100%;
	min-height: 200px;
	max-height: 300px;
	overflow: scroll;
	background-color: #FFF;
	border: solid 1px #CDCDCD;
	box-shadow: 0 2px 8px rgb(205 205 205 / 80%);
}



.iic2-table .tree-level-1 { padding-left: calc(8px + 0px);}
.iic2-table .tree-level-2 { padding-left: calc(8px + 20px);}
.iic2-table .tree-level-3 { padding-left: calc(8px + 40px);}
.iic2-table .tree-level-4 { padding-left: calc(8px + 60px);}
.iic2-table .tree-level-5 { padding-left: calc(8px + 80px);}
.iic2-table .tree-level-6 { padding-left: calc(8px + 100px);}
.iic2-table .tree-level-7 { padding-left: calc(8px + 120px);}
.iic2-table .tree-level-8 { padding-left: calc(8px + 140px);}
.iic2-table .tree-level-9 { padding-left: calc(8px + 160px);}
.iic2-table .tree-level-10 { padding-left: calc(8px + 180px);}
.iic2-table .fa-empty { display: inline-block; width:11px; height:12px;}
.iic2-table .tree-level>span { cursor: pointer;}
.iic2-table .tree-tr:hover { background-color:#f8f9fa;}