gary_wms/static/css/form.css

[class*="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
  vertical-align: middle !important;
}
p,
a.btn-add {
  padding: 0 !important;
  margin: 0 !important;
}

.form {
  line-height: 38px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}

.form .row .form_head_date {
  text-align: right !important;
}

.form .row .form_row_header {
  background-color: #6d9eeb;
    line-height: 30px;
  font-size: 16px;
}

.form .row .form_field_content label.error {
   color:red;
   background-color:yellow;
}
table  tr td div label.error {
   color:red;
   background-color:yellow;
}

.form .row .form_field_content input,
.form .row .form_field_content select,
.form .row .form_field_title button {
  margin: 5px auto;
}
.form .row .form_field_content {
  background-color: #f0f8ff;
  text-align:left
}

.form .row .form_field_title,
.form .form_body .row .form_field_title {
  //  border-bottom: 1px solid darkgray;

  background-color: rgb(204, 228, 248);
}
table {
  table-layout: fixed;
  width: 100%;
  text-align: center;
}

td {
  word-wrap: break-word;
  text-align: center;
}

img {
  width: 125px;
}

.width_style_1 {
  width: 125px;
}



#table_index_filter {
  float: right;
}

#table_index_paginate {
  float: right;
}

label {
  display: inline-flex;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
table thead th {
  background-color: rgb(204, 228, 248);
  text-align: center;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th,
table > thead > tr > th>div> label,
table > thead > tr {
  vertical-align: middle !important;
  text-align: center;
   line-height: 30px;
}
#cmecTbody > tr > td> div>label{
	   line-height: 25px;

}

.table > tbody > tr > td > input {
  vertical-align: middle !important;
  margin: 0 auto;
}
.form_comment {
  margin-top: 5px;
  line-height:30px;
  text-align: left;
}

.form_comment .form_comment_nav {
  overflow: hidden;
}

#main_flow_assign .comment_items .comment-content-header {
  margin-top: 5px;
}

#main_flow_assign > div.opinion-filter {
  margin: 20px 0 20px 0;
}

.comment-title {
  width: 100%;
  background-color: #6d9eeb;
  margin-top: 5px;
  text-align: center;
  font-family: "Microsoft YaHei UI";
  font-size: 15px;

}

.comment-item {
  padding: 0;
  margin-bottom: 2px;
}

.comment-title b {
  text-align: center;
}

.comment-content-body p {
  font-family: "Microsoft YaHei UI";
  margin: 0;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}

.comment-content-header {
  width: 100%;
  padding-left: 0px;
  padding-top: 0px;
  font-size: 14px;
}

.comment-content-body {
  margin: 0;
  padding-left:30px
}

.comment-content {
  border-bottom: grey dashed 1px;
}

.comment-odd {
  background-color: white;
}

.comment-content-header-time {
  font-size: 9px;
}

.comment-content-tags,
.comment-content-tags li {
  display: inline;
}

.comment-content-tags li {
  border: grey;
  background-color: #6d9eeb;
  color: white;
  font-size: 12px;
  padding: 2px;
  margin-right: 5px;
  border-radius: 5px;
}

.comment-content-tag {
  display: inline;
  border: grey;
  background-color: #6d9eeb;
  color: white;
  font-size: 12px;
  padding: 2px;
  margin-right: 5px;
  border-radius: 5px;
}

li.comment-content-tag-alert {
  background-color: red;
  border-radius: 5px;
}
table thead tr,
table thead tr th  {
	border :1px solid gray;
}
table tbody tr td  {
	  background-color: #f0f8ff;
	  	border :1px solid gray;

}


table tbody tr.even,table tbody tr.even td   {
	  background-color: white;
	  	border :1px solid gray;

}