/**---------------------------Search Client--------------------------------------------*/
.searchandshow{
  margin:0px; 
  max-height: 200px; 
  overflow-y: auto;
  z-index: 999;
  position:absolute;
  background-color:#fff;
  border:1px solid rgba(0, 0, 0, .15);
  width: 95%;
}
.searchandshow .table td{
  padding: 0.5rem;
}
.searchandshow table{
  margin-bottom: 0rem;
}
.theme-scrollbar {
  overflow-y: auto;
  overflow-x: hidden;
}
.theme-scrollbar-horizontal {
  width: 100%;
  overflow-x: auto;
}
.theme-scrollbar-horizontal::-webkit-scrollbar {
  height: 10px;
}
.theme-scrollbar-horizontal::-webkit-scrollbar-track {
  border-radius: 3px;
    -webkit-box-shadow: none;
}
.theme-scrollbar-horizontal::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ddd;
}

.width-100-select{
  width: 100%;
}
.percent {
    color:green;
    font-weight:bold;
    text-align:center;
    width:100%;
    border-color:#fff;
    box-shadow: none;
}
.vs-checkbox-primary{
  position : relative;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
      align-items : center;
  -webkit-box-pack : start;
  -webkit-justify-content : flex-start;
  -ms-flex-pack : start;
      justify-content : flex-start;
}
.vs-checkbox-primary input{
  position : absolute;
  width : 100%;
  height : 100%;
  opacity : 0;
  z-index : 200;
  cursor : pointer;
  top : 0;
}
.vs-checkbox-con input:checked ~ .vs-checkbox {
-webkit-transform : rotate(0deg);
  -ms-transform : rotate(0deg);
    transform : rotate(0deg);
border-color : #7367F0;
}
.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check {
-webkit-transform : translate(0);
  -ms-transform : translate(0);
    transform : translate(0);
background-color : #7367F0;
}
.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check .vs-icon {
-webkit-transform : translate(0);
  -ms-transform : translate(0);
    transform : translate(0);
line-height : 1.2;
opacity : 1;
}
.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-sm .vs-checkbox--check .vs-icon {
font-size : 0.75rem;
}
.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-lg .vs-checkbox--check .vs-icon {
font-size : 1.2rem;
}
.vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check {
-webkit-transform : translate(3px);
  -ms-transform : translate(3px);
    transform : translate(3px);
background-color : #7367F0;
}
.vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check .vs-icon {
opacity : 1;
-webkit-transform : translate(6px);
  -ms-transform : translate(6px);
    transform : translate(6px);
}
.vs-checkbox-con input:disabled {
cursor : default;
pointer-events : none;
}
.vs-checkbox-con input:disabled + .vs-checkbox {
cursor : default;
opacity : 0.5;
}
.vs-checkbox-con .vs-checkbox {
cursor : pointer;
position : relative;
width : 20px;
height : 20px;
border-style : solid;
border-color : #B8C2CC;
border-radius : 2px;
-webkit-transform : rotate(-90deg);
  -ms-transform : rotate(-90deg);
    transform : rotate(-90deg);
-webkit-transition : all 0.2s ease;
    transition : all 0.2s ease;
overflow : hidden;
margin-right : 0.5rem;
}
.vs-checkbox-con .vs-checkbox.vs-checkbox-sm {
width : 15px;
height : 15px;
}
.vs-checkbox-con .vs-checkbox.vs-checkbox-lg {
width : 24px;
height : 24px;
}
.vs-checkbox-con .vs-checkbox .vs-checkbox--check {
width : 100%;
height : 100%;
position : absolute;
left : 0;
-webkit-transform : translate(100%);
  -ms-transform : translate(100%);
    transform : translate(100%);
-webkit-transform-origin : right;
  -ms-transform-origin : right;
    transform-origin : right;
-webkit-transition : all 0.2s ease;
    transition : all 0.2s ease;
z-index : 10;
}
.vs-checkbox-con .vs-checkbox .vs-checkbox--check .vs-icon {
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display :         flex;
-webkit-box-pack : center;
-webkit-justify-content : center;
-ms-flex-pack : center;
    justify-content : center;
-webkit-box-align : center;
-webkit-align-items : center;
-ms-flex-align : center;
    align-items : center;
color : #FFFFFF;
}

/**-----------------------------------------------------------------------*/