@charset "utf-8";

html, body{
	padding:0;
	margin:0;
	border:0;
	background-color:#ffffff;
	min-height:100%;
}


table.table tbody tr td{
	word-wrap:word-break;
	word-break:break-all;
	vertical-align:middle;
}
.form-group {
    margin-bottom: 0.25rem;
}
.form-group label{
    margin-bottom: 0.25rem;
}

.fa-edit-required{
	color:red;
	font-size:.75rem;
	margin-left:.25rem;
}



table.editTable{
    width:100%;
    min-width:300px;
    border:1px solid #dee2e6;
    border-collapse:collapse;
}

table.editTable tbody tr td{
    vertical-align:middle;
    padding-bottom:.25rem;
    border:1px solid #dee2e6;
    border-collapse:collapse;
    padding: 3px;
    height:32px;
    font-size:12px;
}
table.editTable td.formLabelTD{
    vertical-align:middle;
    text-align:right;
    padding-right:1rem;
}
table.editTable input, 
table.editTable textarea,
table.editTable select{
    width:100%;
    border:1px solid #f2f2f2;
}
table.editTable label.radiolabel{
    font-weight:bold;
    margin-left:1rem;
    margin-right:1rem;
}
table.editTable input.editTableRadio{
    width: 1rem;
    height:1rem;
    line-height:1rem;
}
table.editTable tr td:nth-child(odd) {
    background-color:#f2f2f2;
}
table.editTable tr td:nth-child(even) {
}




.datatableInFileName{
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:1rem;
	display:inline-block;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #007bff;
}

.select2-container .select2-search--inline {
	border:1px solid #007bff;
}

.bigbutton{
	display:block;
	width:80%;
	margin:0 auto;
	background: -webkit-linear-gradient(162deg, #49eba1,#37bea3);
    background: -o-linear-gradient(162deg, #49eba1,#37bea3);
    background: -moz-linear-gradient(162deg, #49eba1,#37bea3);
    background: linear-gradient(162deg, #49eba1,#37bea3);
	background-size: 100% 100%;
	border-radius: 1.5rem;
	color:white;
	border:0;
	padding:0;
	height:3rem;
	font-size:1.25rem;
	outline:none;
}

.loadingDiv{
	color:gray;
	text-align:center;
	padding-top:.5rem;
	padding-bottom:.5rem;
}
.loadAllDiv{
	color:gray;
  text-align:center;
  clear: both;
	padding:.5rem;
	/* padding-bottom:.5rem; */
}


.input-group .input-group-addon{
	line-height:38px;
}


.queryTable input,.queryTable select{
	width:180px;
}

.queryTable button{
	margin:0px;
}

.queryTable td:nth-child(odd){
	text-align:right;
	min-width:60px;
}
.queryTable td{
	padding:5px;
	vertical-align:middle;
}

table.dataTable thead tr th{
    text-align:center;
    vertical-align:middle;
}
table.dataTable tbody tr[role="row"] td{
	text-align:center;
}

table.listInnerTable{
	width:100%;
}

li.deptFilterli{
	cursor:pointer;
	line-height:18px;
	padding-left:5px;
	padding-right:5px;
}
.content{
    padding-top:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
}



.printTableYESNODiv {
    display:inline-block;
}
.printTableYESNODiv  span:nth-child(1) {
    margin-right:20px;
}
.printTableYESNODiv  i{
    cursor:pointer;
    margin-right:5px;
}

textarea {
    resize:none;
}

.operTextBtn, .operTextBtn:hover{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: 1px solid #009688;
    border-radius: 2px;
    margin-left:2px;
    margin-right:2px;
    margin:1px 2px;
    cursor: pointer;
}
.operTextBtnNormal, .operTextBtnNormal:hover{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    background-color: #007bff;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: 1px solid #007bff;
    border-radius: 2px;
    margin-left:2px;
    margin-right:2px;
    margin:1px 2px;
    cursor: pointer;
}
.operTextBtnWarn, .operTextBtnWarn:hover{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    background-color: #ffb800;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: 1px solid #ffb800;
    border-radius: 2px;
    margin-left:2px;
    margin-right:2px;
    margin:1px 2px;
    cursor: pointer;
}
.operTextBtnError, .operTextBtnError:hover{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    background-color: #ff5722;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: 1px solid #ff5722;
    border-radius: 2px;
    margin-left:2px;
    margin-right:2px;
    margin:1px 2px;
    cursor: pointer;
}
.operTextBtnSimple, .operTextBtnSimple:hover{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    background-color: #ffffff;
    color: #000000;
    border:1px solid #c9c9c9;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    margin-left:2px;
    margin-right:2px;
    margin:1px 2px;
    cursor: pointer;
}

.operTextBtn:hover,
.operTextBtnWarn:hover,
.operTextBtnNormal:hover,
.operTextBtnSimple:hover,
.operTextBtnError:hover {
    text-decoration:none;
}

.card-body{
	padding:.5rem;
}
.card-header{
	padding:.5rem;
}
.card-title{
	margin-bottom: 0rem;
}
.card-header>.card-tools{
	top:3px;
}
.content-header {
    padding: .5rem .5rem;
}
table.dataTable thead th, table.dataTable thead td {
    padding: .5rem .5rem;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: .5rem .5rem;
}

.content-header h4{
    font-size:1.25rem !important;
}
.content-header .mb-2, .my-2 {
    margin-bottom: 0rem !important;
}


/* 整个滚动条 */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}
 
/* 滚动条有滑块的轨道部分 */
.custom-scrollbar::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-radius: 5px;
}
 
/* 滚动条滑块(竖向:vertical 横向:horizontal) */
.custom-scrollbar::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color:#494e53;
    border-radius: 5px;
}
 
/* 滚动条滑块hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#28f;
}
 
/* 同时有垂直和水平滚动条时交汇的部分 */
.custom-scrollbar::-webkit-scrollbar-corner {
    display: block;    /* 修复交汇时出现的白块 */
}

td.details-control{
	padding:.5rem 1rem !important;
}


table.printViewTable {
    width:100%;
    border-collapse:collapse;
    border:1px solid gray;
    font-size:14px;
}
table.printViewTable tr td {
    border:1px solid gray;
    padding-top:4px;
    padding-bottom:4px;
}
table.printViewTable tr td:nth-child(even) {
    text-align:left;
    padding-left:4px;
    padding-right:4px;
}
table.printViewTable tr td:nth-child(odd) {
    text-align:right;
    padding-left:4px;
    padding-right:4px;
}

table.printViewTable tr td i {
	margin-left:8px;
    margin-right:2px;
}

.badge{
    padding:.5rem;
    font-size:100%;
}


.form-control{
    border-radius:.15rem;
}
.modal-content{
    border-radius:.15rem;
}
.modal-footer{
    display:block;
    text-align:center;
}
.btn{
    border-radius:.15rem;
}

.query_content {
    display:inline-block;
    margin:0;
    padding:10px;
    background-color:#f2f2f2;
    width:100%;
    margin-bottom:15px;
}
.query_outer{
    display:inline-block;
}

.query_content .query_label {
    display:inline-block;
    min-width:30px;
    text-align:right;
    padding-left:5px;
    padding-right:5px;
    margin-top:2px;
    margin-bottom:2px;
}

.query_content .query_input {
    display:inline-block;
    min-width:100px;
    margin-top:2px;
    margin-bottom:2px;
}
.query_content .query_btn {
    display:inline-block;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    margin-top:0px;
    margin-bottom:3px;
}

.queryBtnDiv{
    padding-top:15px;
    padding-bottom:15px;
}