Gsmarket/Release/Content/css/Style/Markets.css

.required.IsCardId.easyui-datagrid.easyui-linkbutton.easyui-combobox.easyui-searchbox.easyui-window.easyui-dialog.easyui-textbox {
	 letter-spacing:1px;
 }
body {
	min-width: 1000px;
}
.combobox-item {
	padding: 3px 1px;
	margin-left: -10px;
}
.combobox-item-selected {
	background: #0094ff;
	color:#eed
}
.combobox-item-hover {
	background: #8CAAE7;
	color:#eed
}
.title h2 {
	margin:10px 0;
	color: #3D5DBF;
	letter-spacing:4px;
}
.text-red {
	color: red;
	padding-left: 5px;
	padding-right: 5px;
}
.text-requird {
	color: red !important;
	font-size: 1.1em !important;
	font-weight:800!important;
	padding-left: 5px;
	padding-right: 5px;
}
.datagrid-header td
{
	font: bold 16px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	color: #F5FAFA;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 0 6px 12px;
	background: #458CCD no-repeat;
}
.datagrid-header td:hover {
	background: #458CCD no-repeat;
	color: #Fff;
}
		
.datagrid-body .datagrid-row td
{
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	font-size: 16px;
	padding: 6px 0 6px 12px;
}
.datagrid-body  .datagrid-row:nth-child(2n)  {
	background:rgb(234, 233, 234)
}
.datagrid-body .datagrid-row {
	background: #fff;
	color: #4f6b72;
}
.datagrid-body .datagrid-row:hover {
	background: #ddd;
	color: #0094ff;
}
.datagrid-body .datagrid-row.datagrid-row-checked,.datagrid-body .datagrid-row.datagrid-row-selected {
	background: #8CAAE7;
	color: #eed;
}
.tbToolBar {
	padding-left:20px;
	padding-bottom: 5px;
	background-color: transparent;
	border-bottom-color: transparent;
}
.tbToolBar .toolbar {
	float: left;
}
.tbToolBar .toolbar a {
	padding-left: 5px;
	padding-right: 5px;
}
.tbToolBar .toolbar label {
	margin-right:10px;
}
.tbToolBar .shuxian,#WarranttoolBar .shuxian{
	border-right:1px solid #bbb;
	height: 150%;
	margin:0 5px;
}
.tbToolBar .toolbar-search {
	float: right;
	margin-right:40px;
	position: absolute;
	right: 0;
	top: 1px;
	z-index: 100;
}
.tbToolBar .toolbar-search .searchbox .l-btn-left {
	padding-left: 5px;
}
.tbToolBar .toolbar-search .searchbox .l-btn-left .m-btn-downarrow{
	padding-right: 8px;
}
.tbToolBar .toolbar-search .panel {
	margin-bottom:5px;
}
.tbToolBar .toolbar-search .panel-header .panel-title {
	font-size: 12px;
	color: #4994cf;
	line-height:16px;
	letter-spacing:1px;
	margin-left:10px;
}
.tbToolBar .toolbar-search .panel-header .panel-tool a {
	display: inline-block;
	margin-left:8px;
}
#Search tr td{
	padding: 5px 10px;
}
#Search tr td label{
	min-width: 60px;
	text-align: right;
	letter-spacing:1px;
}
#Search.easyui-panel.panel-body {
	overflow: auto;
}
#Search_Panel.easyui-panel.panel-body {
	overflow: auto;
}
.tbToolBar .btn{
	margin-left:15px;
	margin-top:5px;
	margin-bottom: 5px;
	float: left;
}
.tbToolBar .input-group {
	margin: 3px auto;
	max-width:380px;
}
.tbToolBar .control-label{
	color: #eed;
	background: #abe;
	border: 1px solid #aCAaE7;
	padding:3px 5px;
	font-size:12px;
	height:25px;
}

.tbToolBar .form-control{
	text-align: left;
	padding: 3px 5px;
	font-size:12px;
	height:25px;
}
.tbToolBar .form-control:focus {
	border: 1px solid #8CAAE7;
}
#ResetTool ,#IsEvaTool{
	display: none;
}
/*<style>*/
.panle-fluid {
	width: calc(100% - 2px);
	/*padding-left: 2.5%; 
	padding-right: 2.5%;*/
	float:left;
 }
.panle-half {
	width: calc(50% - 2px);
	padding-left: 2.5%;
	padding-right: 2.5%;
	float:left;
}
.panle-third {
	width: calc(33.333% - 4px);
	padding-left: 2.5%;
	padding-right: 2.5%;
	float:left;
}
.panle-four {
	width: calc(25% - 4px);
	padding-left: 2.5%;
	padding-right: 2.5%;
	float:left;
}
.panel.window .panel-header {
	height:30px;
}
.panel.window .panel-header .panel-title{
	color: #1d72C2;
	font-size:15px;
	padding-top: 4px;
	letter-spacing:1.5px;
	margin-left:5px;
}
.panel.window .panel-header .panel-tool a {
	margin-left:3px;
}
.winModal {
	height:350px;
}
.winModal .input-group-addon {
	padding: 0 4px;
	font-size:10px;
	height:20px;
	background-color:#fff;
}
.winModal .input-group {
	margin-top: 8px 
}
.winModal .input-group:first-child {
	margin-top: 0
}
.winModal .input-group:last-child {
	margin-bottom: 10px 
}
.winModal .input-group:first-child:last-child {
	margin-bottom:0
}
.winModal input.form-control,
.winModal select.form-control{
	text-align: left;
	color: #3c3c3c;
	border: 1px solid #8CAAE7;
}
.winModal textarea.form-control {
	padding: 5px 8px;
	text-align: left;
	white-space: normal;
	height:40px;
}
.winModal .form-control:focus{
	border: 1px solid #70a4ee;
}
.winModal .control-label{
	color: #eed;
	background: #7CAAE7;
	border: 1px solid #8CAAE7;
}
.winModal .control-label:first-child {
	border-right: none;
	min-width: 55px;
	text-align: center;
}

.winModal .row {
	margin:5px 0;
}
.winModal .panel.datagrid,.winModal .datagrid-wrap.panel-body,.winModal .datagrid-toolbar {
	background: none;
	margin: 0 auto;
}
	
@media screen and (min-device-width:1920px) {
	.winModal {
		height:450px;
	}
	.winModal .input-group {
		margin-top: 12px 
	}
	.winModal .input-group:last-child {
		margin-bottom: 12px 
	}
	.winModal input.form-control,
	.winModal .control-label:first-child {
		min-width: 85px;
	}
	.winModal .input-group-addon {
		font-size:13px;
		height:28px;
	}
	.winModal textarea.form-control {
		height:70px;
	}
}
/*</style>*/

table.modal-table {
	margin-top: 20px;
	width:800px;
	border-collapse:collapse
}
h4.title {
	margin: 5px auto;
	color: #1d72C2;
}
table.modal-table td,
table.modal-table th
{
	width:100px;
	border-left: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	/*border-bottom: 1px solid #3c3c3c;*/
	border-top: 1px solid #3c3c3c;
	font-size: 12px;
	padding: 6px;
}
table.modal-table tr:last-child td {
	border-bottom: 1px solid #3c3c3c;
}
table.modal-table thead th,
table.modal-table tbody td {
	padding: 6px;
	text-align: center;
}
/*#MarketDetail tr:first-child th {
	background-color: #B2C5E5;
	background-color: rgba(0, 0, 0, .1);
}*/
table.modal-table .tdName ,table.modal-table thead th{
	font-size: 14px;
	text-align: right;
	background-color: #B2C5E5;
	background-color: rgba(0, 0, 0, .15);
}
table.modal-table .tdName {
	text-align: right;
}
table.modal-table .tdVal,table.modal-table tbody td{
	background-color: #BCD0F2;
	background-color: rgba(0, 0, 0, .1);
}
table.modal-table .tdVal {
	text-align: left;
}
#Employee {
	margin-top: 10px;
}

.Warrant_Id {width:8%;}
.Warrant_Name {width:15%;}
.Warrant_Number {width:23%;}
.Warrant_StartTime {width:23%;}
.Warrant_EndTime {width:23%;}
.Warrant_Flag {width:8%;}
.EvalRpt_Sort{width:10%;}
.EvalRpt_State{width:30%;}
.EvalRpt_Score{width:30%;}
.EvalRpt_Time{width:30%;}
.tdImg {
	width:800px;
	padding: 20px;
}
.tdImg img {
	width: 100%;
	height: auto;
	max-height:500px;
}

.score_Input {
	border:none;
	color: red;
	background-color: transparent;
	text-align:center;
	width:100px;
}
.row hr {
	margin:10px 0;
}
.employee {
	height:34px;
	margin:5px 0;
}
.panel-body {
	border-color: transparent;
}
.employee .input-group {
	/*padding-left: 7px;*/
	padding-right: 6px;
	float: left;
	margin-top:10px;
}
.employee .input-group:first-child {
	margin-top:10px;
}


.employee .input-group:last-child {
	padding-right: 0;
	margin-right:-30px;
	margin-bottom:0;
}


#Search_Panel .panel-header {
	height: 30px;
	padding-top: 8px;
	text-align: center;
	font-size:14px;
}
#Search_Panel table.panel-table {
	width: 90vw;
}
#Search_Panel td.td-label {
	width: 7%;
	text-align: right;
	padding:3px 10px 3px 0;
}
#Search_Panel td.td-input {
	width: 18%;
	text-align: left;
}
#Search_Panel .td-input input,
#Search_Panel .td-input select {
	width: 150px; height: 22px
}
#Search_Panel .panel.easyui-fluid {
	margin-bottom:5px;
}
.datagrid-wrap.panel-body {
	padding-top: 0;
	padding-bottom: 0;
}
.panel-body {
	padding-top: 0;
}
.treeC.panel-body {
	padding-left: 3px;
}
.winModal .datagrid-wrap.panel-body {
	padding: 0;
}
.winModal span.input-group-addon.control-label {
	cursor:pointer;
}