/* .clientdata {
  margin-top: 40px;
  float: left;
  width: 630px;
  padding: 4px;
  margin: 6px;
  height: 574px;
  height: -webkit-fill-available;
  position: relative;
  font-size: 14px;
} */

.clientdata .lp {
  width: 320px;
  float: left;
}
.clientdata .rp {
  height: auto;
  width: available;
  border: 1px solid;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  float: right;
  margin: 2px;
  padding-left: 8px;
  border-left: 2px solid orange;
}

.clientdata .card {
  float: right;
  /*border: 1px solid;*/
  /*width: auto;*/
}
.clientdata .card input {
  display: inline-block;
  width: 50px;
  margin-left: 6px;
  background-color: #faf9f9;
  /*float: right;*/
  font-size: 1em;
}

.clientdata .comment {
  /*width:320px !important;*/
  width: -moz-available;
  width: -webkit-fill-available;
  margin: 4px;
}

.clientdata .bottom {
  height: 160px;
  /*width: available;*/
  /*border: 1px solid;*/
  /*position: absolute;*/
  /*bottom: 0;*/
  /*right: 0;*/
  /*left: 0;*/
  /*    float: right;*/
  margin: 4px;
  border: 1px dotted;
}

/*.clientdata .bottom *.fa:hover{
    font-size: larger;
    cursor:pointer;
}*/

/*.clientdata .ordersHistBtn{
    float: right;
}*/

/*.clientdata .orders_history .fa:hover {
    color: #999;
    cursor:pointer;
}*/
/* .clientdata .orders_history {
  height: 460px;
  margin: 4px;
  padding: 0;
} */
.clientdata .orders_history .jsgrid-grid-body {
  height: 410px;
}
/*.clientdata .orders_history .jsgrid-grid-header,
.clientdata .orders_history .jsgrid-grid-body{
    background-color: transparent;
}*/

.clientdata .orders_history ul {
  font-size: x-small;
  padding-left: 26px;
  color: darkgrey;
}

.clientdata .orders_history div {
  position: relative;
}
.clientdata .orders_history .fa {
  position: absolute;
  right: 10px;
  top: 10px;
}

/*remove scroolbars*/
.jsgrid-grid-header,
.jsgrid-grid-body {
  overflow: auto;
}