.error {
  color: red;
  text-align: center;
  padding: 4px 0 4px 0;
  display: block;
  float: left;
  width: 100%;
}
table tr.selected {
  cursor: pointer;
  background-color: gray !important;
  color: white;
  font-weight: bold;
}
.MiddleSection table.table tr.abc.selectedEdit {
  cursor: pointer;
 background-color: #fec900 !important;
color: black;
  font-weight: 400;
}
.table-hover > tbody > tr.abc:hover {
background-color: #426c9f !important;
color: #fff;
}
table tr.selectedEdit td a, table tr.selectedEdit td .ReadMore {
  color: #fff !important;
}
.ng_clr tbody tr {
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.ng_clr tbody tr:hover {
  background-color: rgba(128, 128, 128, .85) !important;
  color: white;
  cursor: pointer;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.ng_clr tbody tr:first-child:hover {
  background-color: transparent !important;
}
.Active_Ang {
  background: Tomato !important;
  color: #fff;
}
p.ReadMore {
  display: inline;
  color: red;
  position: relative;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  white-space: initial;
}
p.ReadMore span {
  color: #000;
  margin: 0 0 0 6px;
  width: 250px;
  background: #f7f7f7;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  right: 100px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  padding: 15px;
  z-index: 9;
  top: 0;
  border-radius: 4px;
  border: solid 2px #ffa1a1;
  display: none;
}
p.ReadMore:hover span {
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  visibility: visible;
  opacity: 1;
  display: block;
}
.SortOrder {
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.SortOrder a {
  color: #fff;
  display: block;
  cursor: pointer;
}
/* .SortOrder:hover {
        background: red !important;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
    } */
.SortOrder .fa {
  margin: 0 0 0 6px;
}
.color_one {
  width: 100%;
  float: left;
  text-align: right;
}
.color_one input[type="text"] {
  display: inline-block;
  margin: 0 20px 0px 0;
}
 
.th_align tr th a {
  display: inline-block;
  padding: 8px; 
}
.th_align tr th.SortOrder {
  padding: 0px !important;
}
.th_align tr th {
  vertical-align: middle !important;
}
.th_align tr th a:hover {
  background: #fec900!important
}
table.table-expandable.th_align > tbody > tr div.table-expandable-arrow {
  float: right;
}
table tr.selectedEdit {
  cursor: pointer;
  background-color: #2196f3 !important;
  color: white;
  font-weight: bold;
}